在web开发当中，越来越多地使用CSS来定义网页的文字颜色、背景、图片等等，而在我们的书写过程中或许忽略了一些小的细节，那就是CSS的正确书写顺序，养成良好的顺序书写习惯，让代码更容易查看，也便于以后更改。

整理了一下自己写CSS时的顺序，跟大家分享下。

下表顺序为从上到下，从左到右： ======================== display || visibility list-style : list-style-type || list-style-position || list-style-image position top || right || bottom || left z-index clear float

width max-width || min-width height max-height || min-height overflow || clip margin : margin-top || margin-right || margin-bottom || margin-left padding : padding-top || padding-right || padding-bottom || padding-left outline : outline-color || outline-style || outline-width border background : background-color || background-image || background-repeat || background-attachment || background-position

color font : font-style || font-variant || font-weight || font-size || line-height || font-family font : caption | icon | menu | message-box | small-caption | status-bar text-overflow text-align text-indent line-height white-space vertical-align cursor