一、CSS语法CSS的语法结构为:selectorpropertyvalueselector(选择符):表示这个样式将应用与HTML中的哪些对象。应用的对象可以是一个标签,也可以是指定了id或者class属性的特定标签。property(属性):对于每个HTML标签,CSS都提供了许多样式属性,用于控制标签的颜色、大小、定位等。value(值):属性值。二、CSS选择符对于选择符,CSS提供了多种支持。1.类型选择符bodymargi
0px使用了HTML中已经定义的标签名的选择符称做为类型选择符,就叫类型选择符。如上面的body…,使用div、table等也都是类型选择符,类型选择符将用于控制整个HTML文档中所有对应的标签对象。2.id选择符headercolorredwidth100px如上所示,id选择符使用“”标识,后跟标签的id属性值。在HTML文档中,每个标签的id属性值必须是惟一的,所以通过id选择符就可以对标签进行精确定位,将CSS样式应用于指定的某个标签对象上。如有一个id为header的div标签:divid”header”Thisisheaderdiv那么上面的header选择符将使这个div的宽度为100px,且div中的字体颜色为红色。3.class选择符p1colorredid选择符用于惟一定位一个标签对象,那么class选择符则用于定位一组标签对象。Class选择符以“”标识。在HTML文档中,每个标签都可以指定一个class属性,多个标签的class属性之间可以相同,拥有相同class属性的标签将被应用相同的CSS样式。如pclass”p1”pdivclass”p1”div上面的p和div标签中的字体都将会是红色。4.类型指定式选择符divheadercolorreddivredfo
tcolorred如果即想要对每种标签采用样式,又要使用id或class选择符,那么可以象上面那样使用样式使用如下形式,分别标识对id为header的div和class为redfo
t的div标签施用样式。5.群组选择符divspa
pfo
tsize12px如果多个标签之间的样式需要使用相同的样式,可以象上面那样使用群组选择符,多个选择符之间用“”隔开就可以了,这样可以减少代码量,而且可以改善CSS代码结构。象上面那样把相同的属性写在一起,然后对于各异的属性可以再单独定义。
f6.包含选择器divspa
margi
0pxcolorred如果只想对某个对象中的子对象使用样式,那么就可以象上面那样使用包含选择器。象上面的例子,只有在div下spa
中的字体的才会是红色的:divpspa
redspa
pdivspa
blackspa
7.组合选择符对于上面所说的选择符,可以任意组合,如:h1p1表示h1下所有class属性为p1的标签(注意哦,h1和p1之间有无空格差别很大的哦,没r