CSS组合选择符 1. 通配选择符:* 适配文档中的所有html对象;用于定义html文档中所有对象的基础样式(消除浏览器默认设置的基础样式);根据就近原则,要放在css代码的首行;最常见的用法:*{margin:0;padding:0;} /*消除所有html标签默认存在的内外边距*/ 2. 包含选择符:父级对象a 子级对象b 根据html对象的嵌套关系,指定某个父级元素的子级元素样式;选择符对象可以是多重包含,即一层层的包含下去,样式仅作用于最后的内部对象。元素对象之间用空格分隔。 如:div p { color : red ;} /*div对象中的所有p对象被指定了红色的样式*/ #box p a { color : blue ; } /*id为box的对象中的p对象中的a对象被指定蓝色样式*/ 3. 群组选择符:对象a,对象b,对象c...... 将同样的样式用于多个选择符对象,选择符对象之间用逗号隔开。这里的对象并不一定得是标签,可以是class,id等 4. 指定选择符:标签名.class类名 将class类选择符和标签选择符结合在一起使用。主要适用于在使用了某个class类的所有html对象中特别指定某一类标签。如:<h1>和某个<p>标签调用了important这个类,但是只想给调用了important的p对象添加样式时使用。 CSS属性和值 《CSS参考手册》,其中绿色的属性需要掌握。 常见的取值: 数值单位——px(像素)/em(倍数)/%(百分比) 方向——top(上)/right(右)/bottom(下)/left(左)/center(中间) 色彩——16进制代码(#RRGGBB或#RGB)/基本色彩单词(如红色:red) 引用路径——格式为:url(文件路径) 值的一些写法规则: 表示长宽高的数值必须带上单位 表示色彩的16进制代码前面必须有#号 如果一个属性有多个值,值与值之间用空格分隔 如果指定多个方向值,则按照上右下左(顺时针方向)的顺序依次排列
|