css书写顺序
内容目录
css 书写顺序：布局定位属性 > 自身样式 > 文本样式 > 其他样式。
注重 css 书写顺序可以减少浏览器 reflow，提高浏览器渲染性能。
样例：
.box {
/* 布局定位属性 */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* 自身样式 */
width: 100px;
height: 100px;
padding: 10px;
margin: 10px;
border: 1px solid #000;
background: #fff;
/* 文本样式 */
font-size: 14px;
font-weight: bold;
color: #000;
/* 其他样式 */
cursor: pointer;
opacity: 1;
}