CSS3学习中的一些细节(2),如有错误欢迎指正
-
并集选择器似乎没有权重增加的说法,例如某段文本同时具有p和.nav两种选择器,其权重效力同等于选择器.nav。
-
若一个标签内同时带有两个类,即class=nav1和class=nav2,则根据两个类书写顺序,选择标签内写在前面的一个类进行样式修改,这并不与css3的层叠性相冲突,实质上为两个选择器,优先选择第一个。
-
要善于运用样式的层叠性规则,将公用的属性尽可能用并集选择器装在一起,并合理放置特殊选择器的位置,可以大大减少代码量;
-
若没有指定盒子的宽度,则padding样式不会撑大盒子。可以利用该性质,对大盒子指定宽度,然后在大盒子内存放一个小盒子,并对小盒子修改padding样式,这样可以做到在不撑大盒子的前提下修改内边距。
-
当两个盒子挨着排列时,其边距等于两个盒子外边距较大的那个边距值。
-
CSS属性书写顺序规范:布局定位属性-->自身属性-->文本属性-->其他属性。
-
实际开发中,一个导航栏应该用(li+a)标签的方式进行生成,而不是单纯地用a标签,这样不仅条理更加清晰,且不容易被搜索引擎降权;
-
提交按钮和普通按钮的实际大小是包括边框的,而文本框的实际大小是不包括边框的,因此在设计搜索栏时,合理设定二者的宽高可以更好地统一视觉效果。
-
浮动的盒子不会有外边距塌陷的问题。
-
相对定位和浮动可以同时存在,相对定位按照标准流进行摆放,而浮动可以使元素脱标,从而不再保留原来的标准流位置,通常搭配使用绝对定位使用;