网站模板 帝国 phpcms,婚庆网站模板,免费推广引流,响应式网站如何实现1. 层叠性 介绍 多组CSS样式共同作用于一个元素#xff0c;就会出现 覆盖#xff08;层叠#xff09; 另一个冲突的样式。 层叠原则 样式冲突#xff1a;遵循就近原则#xff08;哪个样式离结构近#xff0c;就执行哪个样式#xff09; 样式不冲突#xff0c;就不会重…1. 层叠性 介绍 多组CSS样式共同作用于一个元素就会出现 覆盖层叠 另一个冲突的样式。 层叠原则 样式冲突遵循就近原则哪个样式离结构近就执行哪个样式 样式不冲突就不会重叠 示例
2. 继承性 后代元素可以继承祖先元素中的某些样式子承父业如文本颜色和字号。 例 : 大部分的文本属性都可以被继承 说明 恰当地使用继承可以简化代码降低 CSS 样式的复杂性子元素可以继承父元素的样式text-font-line-这些元素开头的可以继承以及color属性 拓展 行高的继承 如果子元素没有设置行高则会继承父元素的行高为 1.5此时子元素的行高是当前子元素的文字大小 * 1.5 示例
3. 优先级 优先级用来解决样式冲突问题。同一个元素的同一个样式(例如文本色)在不同地方多次进行设置最终选用哪一种样式此时哪一种样式表的优先级高选用哪一种。 行内样式的优先级最高。文档内嵌与外链样式表,优先级一致,看代码书写顺序,后来者居上浏览器默认样式和继承样式优先级较低 总结 页面中的所有样式将按照以下规则 “层叠” 为新的 “虚拟” 样式表其中第一优先级最高 行内样式在 HTML 元素中外部和内部样式表在 head 部分浏览器默认样式 行内样式具有最高优先级并且将覆盖外部和内部样式以及浏览器默认样式。
4. 选择器的优先级 使用选择器为元素设置样式,发生样式冲突时,主要看选择器的权重,权重越大,优先级越高 选择器权重继承 或 *0标签选择器1(伪)类选择器10id选择器100行内样式1000 复杂选择器(后代,子代,伪类)最终的权重为各个选择器权重值之和 群组选择器权重以每个选择器单独的权重为准不进行相加计算 示例
