css书写顺序

css的书写顺序

为了减少reflow和repaint，css的书写顺序很重要

要善于使用缩写，借鉴前辈：https://www.cnblogs.com/Lxb98117/p/W3c-norm.html

1.定位属性：display

                    list-style

                    position

                    float

                    clear

                    left top right bottom

                    overflow

                    z-index

2.自身属性：width height

                    margin 

                    padding border 

3.文字样式：color

                    font 

                    font-family  font-size  font-style

                    font-weight /*定义字体粗细*/

                    font-varient /*设置小型大写字母显示文本，就是把小写字母都变成大写字母，但大小还和小写字母一样小*/ 

                    line-height

4.文本属性： text-decoration

                    text-align

                    vertical-align

                    white-space

                    text-wrap

                    text-transform

                    text-indent

                    letter-spacing

                    word-spacing

                    text-overflow

5.背景边框：background

                    border

6.其他和css3新增属性：animation

                                     transition

                                     content

                                     box-shadow

                                     border-radius

                                     transform

该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。