随笔
1、CSS规定拥有更高确定度的选择器优先级更高。ID选择器比类选择器更具确定度, 而类选择器比标签选择器(tag selector)更具确定度。
#> . > tag
2、多个选择器组合起来构成更确定的选择器。
比如,选择器.key
选中所有class属性为 key的元素
. 选择器 p.key
选中所有class属性为key的<p>
元素。
除了class
和 id,你还可以用方括号的形式指定其他属性。比如
,选择器 [type='button']
选中所有 type
属性为 button 的元素。
3、
如果样式中包含冲突的规则,且它们具有相同的确定度。那么,后出现的规则优先级高。
如果你遇到规则冲突,你可以增加其中一条的确定度或将之移到后面以使它具有更高优先级。
4、
5、
6、盒子模型
内边距和元素的背景色一样,外边距总是透明的
7、在一个相对定位(position属性的值为relative)的元素上设置 top
、 right
、 bottom
和 left
属性会使其偏离其正常位置。其他的元素则不会调整位置来弥补它偏离后剩下的空隙。