CSS属性声明顺序
推荐的样式编写顺序:
- Positioning(定位)
- Box model(盒模型)
- Typographic(排版)
- Visual(视觉) other
由于定位(positioning)可以从正常的文档流中移除元素,并且还能覆盖盒模型(box model)相关的样式,因此排在首位。盒模型决定了组件的尺寸和位置,因此排在第二位。
其他属性只是影响组件的内部(inside)或者是不影响前两组属性,因此排在后面:
position: absolute;
top:0;
right:0;
bottom:0