每個設計師應具有9CSS條規則

　　每個設計師都應該有9CSS的規定，深圳網站建設不需要得到比你需要更復雜的結構。寫一CSS樣式表，易于維護，很容易，只要按照這9條規則。貴公司CSS的深度將極大地阻礙未來任何必要的調整。所以我問了我的團隊一個問題。讓我們仔細看看一些** 有趣的CSS編碼結構，并將它們列在下面，您可以在您開發的每個項目中使用這些結構。

　　1） 縮進子體和相關規則：這使得在CSS中很容易識別頁面的結構以及各部分之間的關系。1.#主{2.width:530px；3.padding：10px；4.浮子：左；5.}6.#主#nav{7.背景：#fff；8.width:100%9}10.#main#左-col{11.background:#efefef；12.** 金：8px 0；13.}

　　2） 分組并注釋CSS規則。設置CSS文件中始終存在的某些零件：頁面結構、鏈接、頁眉、頁腳、列表等。這些部分總是CSS注釋以適當地命名每個零件。

　　1./*標題Styles轉到此處****************/2..CSScode到此處lip；3./*端頭Styles****************/1.頭2.Str結構3.導航4.forms5.links6.頭7.內容8.lists9.Common類

　　3） 將樣式類型保持在單行上。使用縮寫屬性將屬性組合在一行上意味著CSS更易于理解和編輯。不是這樣：

　　1.h2{col或：#dfdfdf；2.font-尺寸：80%；3.** 金：5px；4.padding：10px；5.}

　　執行此操作：H5{col或：#dfdfdffont-尺寸：80%；** 金：5px；（padding:10px；}

　　4） 將CSS拆分為表格，將CSS樣式表的不同部分分開，使用一個樣式表布局、另一種排版和另一種顏色。布局/打印性能的混合將允許您發現您不必重復自己。1.#主{@import quot；/（1）CSS）/布局CSS報價；；2.@導入quot；/（）CSS）/印刷術CSS報價；；3.@導入quot；/（）CSS）/設計CSS報價；；4.@導入quot；/（）CSS）/設計家園CSS報價；；5.@導入quot；/（）CSS）/extra.CSS報價；；

　　5） 重置元素很多設計者都意識到表建模和全局重置對某些元素（如按鈕和字段集）的影響，這些元素完全被全局重置破壞。相反，您應該選擇要設置的元素。所以不要這樣做{margin:0padding：0；}

　　做這個

　　1.html，body、div、span、applet、object、iframe、h1、h2、h3、h4、h5、h6、p、blockquote、pre、a、abbr、abbr、address、big、引用，code、del、dfn、em、font、img、ins、kbd、q、s、samp、small、*/\r\n7、sub、sub、sub、tt、var、dl、dt、dd、ol、ul，li、fieldset、form、label、legend、table、caption、tbody、tfoot、thead、tr、th、td{2.** 金：0；3.padding：0；4.邊框：0；5.輸出line:0；6.font-重量：繼承；7.font-樣式：繼承；8.font-尺寸：100%；9.font-family：繼承；10.垂直-align：底座line；11.}

　　6） 作為參考，一個地方的局部顏色方案。在啟動CSS文件之前，請對常用顏色進行注釋，并將它們添加到樣式表的頂部。這節省了大量時間，并確保站點具有顏色方案。/*Colors：Dark Brown #473B38Light Blue #A8EFEE Pink FF4095*/

　　7） 使用“意義命名系統”。具有類和id的命名系統在更新文檔或調試時可以節省大量時間，并且可以使用父/子結構。父容器是容器。所以，如果我們div被命名為“第一”頭“；，兩div個嵌套的“s”；菜單；“和”；徽標CSS中的命名結構如下：#標題#標題u菜單#header_ulogo

　　8） 按字母順序排列的屬性，這樣可以更容易地找到特定的屬性。1.body{2.背景：#FDFD；3.col或：#333；font-size:1em; 4.line-height:1.4; 5margin:0; 6.padding：0；}

　　9） 構建有用的CSS類庫。對于調試很有用，但避免在分發（單獨的標記和表示）中。因為可以使用多個類名，所以可以使用它們調試標記。1..width100{width:100%；}2..width75{width:75%；}3..floatLeft{float:left；}4..alignLeft{text-align:左側；}5..alignRight{text-align:right；}

　　保持簡單，不需要得到比你需要更復雜的結構。簡單可以節省時間和精力。如果你和我們分享你的組織技能，讓這篇文章引用很多人。不要忘記提到你的網站和名字，因為它會在你的提示下提到。