3.3.2 CSS高级特性
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
予最大的优先级。
CSS优先级
复合选择器的权重为组成它的基础选择器权 重的叠加，但是这种叠加并不是简单的数字 之和。
03
总结
总结
掌握层叠性与继承性
理解掌握CSS优先级间的关系
感谢聆听
THANK
S
石家庄科技工程职业学院软件技术专业群教学资源库
/*权重为:1+1*/ /*权重为:1+10*/ /*权重为:10+1*/ /*权重为:1+10+1*/ /*权重为:1+10+10*/ /*权重为:100+1*/ /*权重为:100+1+10*/
CSS优先级
在考虑权重时，初学者还需要注意一些特殊 的情况，具体如下：
• 继承样式的权重为0。 • 行内样式优先。 • 权重相同时，CSS遵循就近原则。 • CSS定义了一个!important命令，该命令被赋
内/外边距属性
布局属性
背景属性
元素宽高属性
02
wenku.baidu.comCSS优先级
CSS优先级
思考
网页制作时，对统一元素，应用 不同的背景，会出现什么情况？
background -color:pink;
background -color:blue;
background -color:red;
【结论】
定义CSS样式时，经常出现两个 或更多规则应用在同一元素上， 这时就会出现优先级的问题。
CSS优先级
来看一个例子：
<p class="father" id="header" > <strong class="blue">文本的颜色</strong>
</p>
对应的权重值：
p strong{ color:black} strong.blue{ color:green;} .father strong{ color:yellow} p.father strong{ color:orange;} p.father .blue{ color:gold;} #header strong{ color:pink;} #header strong.blue{ color:red;}
CSS高级特性
01
CSS层叠性和继承性
CSS层叠性和继承性
所谓层叠性是指多种CSS 样式的叠加。
层叠性
所谓继承性是指书写CSS 样式表时，子标记会继承 父标记的某些样式，如文 本颜色和字号。
继承性
CSS层叠性和继承性
并不是所有的CSS属性都可以继承，例如，
下面的属性就不具有继承性：
边框属性
定位属性
CSS优先级
复合选择器的权重为组成它的基础选择器权 重的叠加，但是这种叠加并不是简单的数字 之和。
03
总结
总结
掌握层叠性与继承性
理解掌握CSS优先级间的关系
感谢聆听
THANK
S
石家庄科技工程职业学院软件技术专业群教学资源库
/*权重为:1+1*/ /*权重为:1+10*/ /*权重为:10+1*/ /*权重为:1+10+1*/ /*权重为:1+10+10*/ /*权重为:100+1*/ /*权重为:100+1+10*/
CSS优先级
在考虑权重时，初学者还需要注意一些特殊 的情况，具体如下：
• 继承样式的权重为0。 • 行内样式优先。 • 权重相同时，CSS遵循就近原则。 • CSS定义了一个!important命令，该命令被赋
内/外边距属性
布局属性
背景属性
元素宽高属性
02
wenku.baidu.comCSS优先级
CSS优先级
思考
网页制作时，对统一元素，应用 不同的背景，会出现什么情况？
background -color:pink;
background -color:blue;
background -color:red;
【结论】
定义CSS样式时，经常出现两个 或更多规则应用在同一元素上， 这时就会出现优先级的问题。
CSS优先级
来看一个例子：
<p class="father" id="header" > <strong class="blue">文本的颜色</strong>
</p>
对应的权重值：
p strong{ color:black} strong.blue{ color:green;} .father strong{ color:yellow} p.father strong{ color:orange;} p.father .blue{ color:gold;} #header strong{ color:pink;} #header strong.blue{ color:red;}
CSS高级特性
01
CSS层叠性和继承性
CSS层叠性和继承性
所谓层叠性是指多种CSS 样式的叠加。
层叠性
所谓继承性是指书写CSS 样式表时，子标记会继承 父标记的某些样式，如文 本颜色和字号。
继承性
CSS层叠性和继承性
并不是所有的CSS属性都可以继承，例如，
下面的属性就不具有继承性：
边框属性
定位属性