CSS层叠规则： 1、找出所有相关的规则，这些规则都包含与一个给定元素匹配的选择器。 2、按权重（!important）和来源对应用到给定元素的所有声明进行排序。 3、按特殊性对应用到给定元素的所有声明进行排序，有较高特殊性的元素权重要大于有较低特殊性的元素，0特殊性比无特殊性要强（继承 ...

　　上一节《css知多少（2）——学习css的思路》有几个人留言表示思路很好、继续期待，而且收到了9个赞，我还是比较欣慰的。没看过的朋友建议先去看看上一节。 　　这一节就开始实践上一节的思路！ 1. “层叠”的概念 　　CSS——层叠样式表，其中的“层叠”是什么意思呢？层叠就是浏览器对多个 ...

虽然学前端最刚开始就是html+css，一直因为这些看起来太简单就没有什么总结，不过看似很简单的东西，研究起来也深不可测，问起来js可能回答的头头是道，css这么简单的东西，其中一个优先级的问题就能难道大片人，知道有哪些css选择器，大部分人都能回答出常用常见的几个id选择器，类选择器，标签选择器 ...

前面的话 　　层叠样式表CSS最基本的一个特性就是层叠。冲突的声明通过层叠进行排序，由此确定最终的文档表示。而这个过程的核心就是选择器及其相关声明的特殊性、重要性、来源及继承机制。本文将详细介绍CSS层叠 特殊性 　　选择器的特殊性由选择器本身的组件确定。特殊性值表述为4个部分 ...

大家在写网页的时候会不会经常遇到莫名奇妙的样式问题，比如谁覆盖了谁。也找不出原因，为什么z-index高的却没有覆盖掉z-index低的元素呢？ 带着这些疑问。我做了个小实验。代码如下： ...

层叠上下文是css中的一个三维概念，拥有层叠上下文的元素在z轴上比普通元素要高，而且其内部的所有内容是自成体系的，其后代都是在它的层叠顺序中 哪些元素拥有层叠上下文 1、根元素，也就是html默认拥有“根层叠上下文” 2、定位元素（position: absolute/relative ...

css与文档关联起来发挥作用。 css文件中是各种样式规则，由选择器和声名块构成。声明块由多条声明组成。选择器是声明要作用的对象，声明是对具体规则的描述。 声明由属性和值组成,值或是属性的错误都会使该条声明失效.但是后续的声明可以继续 ...

position：static(静态定位) 当position属性定义为static时，可以将元素定义为静态位置，所谓静态位置就是各个元素在HTML文档流中应有的位置 po ...