css-声明顺序规范

CSS 声明顺序以类型(position, display, colors, font, miscellaneous…)顺序排列,依赖盒模型定义顺序:由外而内。

  1. 位置属性(position, top, right, z-index, display, float 等)
  2. 大小(width, height, padding, margin)
  3. 文字系列(font, line-height, letter-spacing, color- text-align 等)
  4. 背景(background, border 等)
  5. 其他(animation, transition 等)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.foo {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100px;
height: 100px;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.5em;
color: white;
background: black;
overflow: hidden;
}

css-written-order

坚持原创技术分享,您的支持将鼓励我继续创作!