css样式书写的问题

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

经常遇到前端的朋友问及css样式书写的问题，结合自己实际的工作，自己总结了整理了一下，给大家分享：

一、顺序问题：显示属性-位置属性-元素自身属性-文本属性-其他属性

1、显示属性：z-index、display、list-style

2、位置属性：position、float

3、元素自身属性：width、height、margin、padding、border、border-radius、background

4、文本属性：color、font-size、font-weight、font-family、line-height、text-align、text-indent

5、其他属性：cursor：pointer

.div{

    display:block;

    position:absolate;

    left:;

    top:20px;

    width:200px;

    height:500px;

    padding:10px;

    border:1px solid #f60;

    border-radius:5px;

    background:#f00;

    font-size:14px;

    font-weight:bold;

    color:#fff;

    ...

}