DIV+CSS命名規範集合

DIV+CSS規範命名大全集合

網頁制作中規範使用DIV+CSS命名規則，可以改善優化功效特别是團隊合作時候可以提供合作制作效率，具體DIV CSS命名規則CSS命名大全内容篇。

常用DIV+CSS命名e大全集合，即CSS命名規則

DIV CSS命名目錄

1. 命名規則說明

2. 重要CSS命名

3. CSS命名參考表

4. 命名技巧

我們開發CSS+DIV網頁（Xhtml）時候,比較困惑和糾結的事就是CSS命名，特别是新手不知道什麼地方該如何命名，怎樣命名才是好的方法。

一、命名規則說明：

1）、所有的命名最好都小寫

2）、屬性的值一定要用雙引号("")括起來，且一定要有值如class="divcss",id="divcss"

3）、每個标簽都要有開始和結束，且要有正确的層次，排版有規律工整

4）、空元素要有結束的tag或于開始的tag後加上"/"

5）、表現與結構完全分離，代碼中不涉及任何的表現元素，如style、font、bgColor、border等

6）、<h1>到<h5>的定義，應遵循從大到小的原則，展現文檔的結構，并有利于搜尋引擎的查詢。

7）、給每一個表格和表單加上一個唯一的、結構标記id

8）、給圖檔加上alt标簽

9）、盡量使用英文命名原則

10）、盡量不縮寫，除非一看就明白的單詞

二、相對網頁外層重要部分CSS樣式命名：

外套 wrap ------------------用于最外層

頭部 header ----------------用于頭部

主要内容 main ------------用于主體内容（中部）

左側 main-left -------------左側布局

右側 main-right -----------右側布局

導覽列 nav -----------------網頁菜單導覽列

内容 content ---------------用于網頁中部主體

底部 footer -----------------用于底部

三、DIV+CSS命名參考表：

以下為CSS樣式命名與CSS檔案命名參考表，DIV CSS命名集合：

後續補充...

轉載于:https://www.cnblogs.com/funtion/p/7601137.html