您现在的位置是：网站首页> 编程资料编程资料

详解CSS的结构与层叠以及格式化DIV重叠 CSS让DIV层叠 两个DIV或多个DIV顺序重叠加CSS3图片可展开扇形效果的层叠展开特效源码权重和层叠规则决定了CSS样式优先级采用CSS定位属性实现Html中DIV层叠与悬浮CSS层叠样式表的层叠是什么意思(自我理解)CSS中的属性选择符和结构化伪类CSS技术的出现实现结构与表现分离CSS样式按整洁易懂的结构组织将CSS按照层叠式结构化重新组织与构建

2023-10-23 245人已围观

简介 这篇文章主要介绍了CSS的结构与层叠以及格式化,是学习CSS布局的基础知识,需要的朋友可以参考下

有时候某个声明可能非常重要，超过了所有其他声明，并允许在这些声明的结束分号之前插入！important来标志。

当样式表增设！important时，内联冲突样式将会失效，以important为准。

继承

基于继承机制，样式不仅应用到指定的元素，还会应用到它的后代元素。

一般地，大多数框模型属性（包括外边距、内边距、背景和边框）都不能继承，其原因是因为如果这些属性被继承，文档将会变得更加混乱。

继承的值根本没有特殊性，甚至连0特殊性都没有。（0特殊性比无特殊性要强）

不加区别地使用通配选择器可能存在的问题之一，由于他能匹配任何袁术，所以通配选择器往往有一种短路继承的效果。

层叠

如果特殊性相等的两个规则相同同时应用到同一个元素，浏览器会通过层叠解决这个冲突。

css所基于的方法就是让样式层叠在一切，这是通过结合继承和特殊性做到的。层叠的规则：

1）找出所有相关的规则，这些规则都包含与一个给定元素匹配的选择器。

2）按显式权重对应用到该元素的所有声明排序。标志!important的规则的权重要高于没有 !important标志的规则。声明权重考虑5级：（权重有大到小顺序依次为）

　　　　1.读者的重要声明

　　　　2.创作人员的重要声明

　　　　3.创作人员的正常声明

　　　　4.读者的正常声明

　　　　5.用户代理声明

3）按特殊性对应用到给定元素的所有声明排序。有较高特殊性的元素权重要大于有较低特殊性的元素。

4）按出现顺序对应用到给定元素的所有声明顺序。一个声明在样式表或文档中越后出现，他的权重就越大。。如果样式表中有导入的样式表，一般认为出现在导入样式表中的声明在前，在主样式表中的所有声明在后。

注意：多类选择符，以空格分割不同的类名，但是根据层叠的规则，元素中的类的顺序无关，而是与样式表声明的位置有关。