網站建設離不開CSS 下滿小編我就和大家一起學習下CSS 命名規范參考及書寫注意事項。
　　CSS書寫順序
　　*{
　　/*顯示屬性*/
　　display
　　position
　　float
　　clear
　　cursor
　　…
　　/*盒模型*/
　　margin
　　padding
　　width
　　height
　　/*排版*/
　　vertical-align
　　white-space
　　text-decoration
　　text-align
　　…
　　/*文字*/
　　color
　　font
　　content
　　/*邊框背景 為什么要把 boder和background放在最后的原因是修改的頻率會較之前的頻繁，放在最后查看起來方便，哈哈。*/
　　border
　　background
　　}
　　下表順序為從上到下，從左到右：
　　========================
　　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
　　CSS命名規則：
　　一．文件命名規范
　　全局樣式：global.css；
　　框架布局：layout.css；
　　字體樣式：font.css；
　　鏈接樣式：link.css；
　　打印樣式：print.css；
　　主要的 master.css
　　專欄 columns.css
　　主題 themes.css
　　主要的 master.css
　　模塊 module.css
　　基本共用 base.css
　　表單 forms.css
　　補丁 mend.css
　　二．頁面結構
　　容 器: container
　　頁 頭：header
　　內 容：content
　　頁面主體：main
　　頁 尾：footer
　　欄目：column
　　頁面外圍控制整體布局寬度：wrapper
　　左右中：left right center
　　三．導航
　　導航：nav
　　主導航：mainbav
　　子導航：subnav
　　頂導航：topnav
　　邊導航：sidebar
　　左導航：leftsidebar
　　右導航：rightsidebar
　　菜單：menu
　　子菜單：submenu
　　摘要: summary