一、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 阅读(404)
评论(0) 编辑 收藏 所属分类:
Web基础