posts - 262,  comments - 221,  trackbacks - 0
一、CSS的语法构成:

CSS语法由3部分构成:
①selector:选择器,也既是你想定义属性的HTML元素或标记
②property:属性,也既是你想改变的HTML元素的属性
③value:属性值

属性和属性值以冒号隔开,由花括号围绕。

备注:如果属性值由多个单词构成,则使用引号将属性值括起来,例如:
p {font-family: "sans serif"}

备注:如果需要为某个HTML元素定义多个属性,则每个定义之间必须用分号隔开,可换行书写,例如:
p {
    text-align: center;
    color: black;
    font-family: arial
}

备注:如果多个HTML元素都用到同样的定义,则可以将它们归为一类,例如:
h1,h2,h3,h4,h5,h6 {
    color: green
}

备注:如果同一种HTML元素需要有多个不同的定义,则需要使用类选择器的概念,为该元素的CSS属性定义若干类别。通过在该元素的class属性中指明类别的名称来引用不同的定义。例如:
p.right {text-align: right}
p.center {text-align: center}

<p class="right">This paragraph will be right-aligned.</p>
<p class="center">This paragraph will be center-aligned.</p>

备注:如果需要引用多个不同的类别,则用空格隔开。例如:
<p class="center bold">This is a paragraph.</p>

备注:如果某些属性定义被所有的HTML元素所引用,则可以使用实心句号表示所有的HTML元素,剩余部分语法和普通的类别定义一样。例如:
.center {text-align: center}

<h1 class="center">This heading will be center-aligned</h1>
<p class="center">This paragraph will also be center-aligned.</p>

备注:如果觉得引用CSS类别比较难记,则可以通过2种方法来引用:
①为该类别定义一个属性,通过属性名来引用。语法是:selector[type="属性名"] {属性:属性值},如p[type="段落1"]{...}
②为该类别定义一个ID,通过ID来引用。语法是:selector#ID,如p#段落1 {...}
input[type="text"] {background-color: blue}

#green {color: green}

p#para1 {
    text-align: center;
    color: red
}

在HTML元素中通过元素的id属性来引用相应的CSS定义,例如<DIV id = "green">



-------------------------------------------------------------
生活就像打牌,不是要抓一手好牌,而是要尽力打好一手烂牌。
posted on 2008-07-26 21:35 Paul Lin 阅读(401) 评论(0)  编辑  收藏 所属分类: Web基础

只有注册用户登录后才能发表评论。


网站导航:
 
<2008年7月>
293012345
6789101112
13141516171819
20212223242526
272829303112
3456789

常用链接

留言簿(21)

随笔分类

随笔档案

BlogJava热点博客

好友博客

搜索

  •  

最新评论

阅读排行榜

评论排行榜