本文主要介绍CSS书写规范,CSS书写顺序、CSS属性、CSS命名规则等。
一、CSS书写顺序
1.1位置属性(定位层级布局、显隐性)
position
, top
, right
, z-index
, display
, float
等。
1.2大小(宽高、内外间距)
width
,height
,padding
,margin
1.3文本样式
font
,line-height
,letter-spacing
,color-text-align
等
1.4背景(背景色、边框)
background
、border
等
1.5其他(动画、位移等)
animation
,transition
等
二、CSS缩写属性
2.1缩写
CSS有些属性是可以缩写的,比如
padding
、margin
、font
等等,优化代码可以提高阅读体验。