查看: 1766|回复: 0

[HTML代码] CSS样式特点理解解析

发表于 2018-4-5 08:00:01

CSS样式特点实例分析:
该例子采用了三种样式对h2进行定义,内联式颜色#00ff00;内部式颜色红,蓝,字体大小30pt;外联式定义了颜色×××,字体大小50pt,背景颜色灰色;(先忽略!important)
CSS样式特点理解解析CSS样式特点理解解析

执行结果为:字体颜色#00ff00;字体大小30pt;背景颜色为灰色。
体现了样式的如下特点:
继承性:大多数CSS样式规则是可以被继承
层叠性:定义多个样式不冲突时(颜色,字体大小,背景三个属性没有冲突),多个样式表中的样式可层叠为一个
优先级:样式属性冲突时(内联,内部,外部都定义了颜色,内部和外部都定义了字体大小此时按照就近原则?),按照不同样式的规则优先级应用在样式上
内联式(样式定义在元素里边)>内部式(header里面)>外部式(link.css文件 用得最多,方便修改维护,具有可重用性 ,可以同时用在一个HTML文件上)
相同样式,如果发生重复,以最后一个定义的为准。(也就是就近原则?比如内部式和外部式的代码位置调换以后字体大小显示也出现了相反的结果?)

CSS样式特点理解解析



回复

使用道具 举报