一、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基础