一、前言:关于CSS以及CSS盒子模型的介绍,本博文中将不再赘述,预知详情请猛戳这里。
二、特性:
1、继承性:
①概念:继承是指对父元素的规则同样适用于子元素,例如给body设置字体样式为:body { font-size:14px;}。如果其子元素没有设置其他和该元素相冲突的规则,子元素的字体大小也就是14px。元素的相关级别如下如所示。
②继承的局限性:多数边框属性,如padding(填充)、边框(border)、边界(margin)等是不支持继承的。
2、层叠性:
当有多个属性作用于同一个元素时,即多个选择器的范围发生了重叠,CSS该如何应对?
①当多个选择器定义的样式不发生冲突,则元素应用所有选择器定义的样式
②当有多个选择器定义的样式发生冲突时(比如定义了字体的大小属性),则CSS按选择器的优先级,选择优先级高的选择器样式。
三、选择器:
1、语法结构:
2、选择器的分类:
四、ID选择器和类选择器的区别:
1、两者主要区别在哪里呢?
id你只能用来定义单一元素,定义两个以后。页面不会出现什么问题,但是W3检测的时候认为你页面不符合标准;class是类,同一个class可以定义多个元素。就页面效果而言,两个东西的视觉效果几乎无差别。
2、id选择器为什么要少用,它有什么局限性?
单一使用的样式用id,需要程序、js动态控制的样式用id,id在页面只能使用一次!提供少用id,因为id可能和页面嵌套的程序冲突(比如名称相同等)!
3、什么时候使用ID,什么时候使用class?
单一的元素,或需要程序、JS控制的东西,需要用id定义;重复使用的元素、类别,用class定义。
五、样式调用方式:
样式可以存在在一个专门存在样式的文件里(外部样式表),HTML页面的<head></head>里(内部样式表)、元素的Style属性里(内联样式)。
五、总结:
在进行网页设计时,如何正确进行样式设计,CSS选择器显得尤为重要,掌握好CSS选择器的优先级将对我们的BS学习大有裨益。。。