常用的css命名規範

2021-09-24 18:54:59 字數 1588 閱讀 1052

xhtml-css寫作建議

1、所有的xhtml**小寫;

2、屬性的值一定要用雙引號("")括起來,且一定要有值;

3、每個標籤都要有開始和結束,且要有正確的層次;

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

5、表現與結構完全分離,**中不涉及任何的表現元素,如style、font、bgcolor、border等;

6、到的定義,應遵循從大到小的原則,體現文件的結構,並有利於搜尋引擎的查詢;

7、給每乙個**和表單加上乙個唯一的、結構標記id;

8、給重要的區塊加上注釋;

9、給加上alt屬性;

10、所有的標籤必須進行合理的巢狀;

11、根元素前必須有元素,宣告使用那一種dtd;

12、根元素必須有 xmlns 屬性來指定使用 的namespace。

注釋書寫規範

1、行間注釋 直接寫於屬性值後面

如: .search

2、整段注釋 分別在開始及結束地方加入注釋,

如: /******搜尋條******/

.search /******搜尋條結束******/

3.協助注釋 非作者維護時所加入的表示修改時間、修改人等標識資訊。 在區域注釋或單行注釋的基礎上加上修改人和修改時間等資訊。

例(區域注釋): ...

/*=s 注釋內容[修改人和修改時間]*/ .class .class /*=e 注釋內容[修改人和修改時間]*/

例(單行注釋): ...

.class

私有樣式命名規範:

為了避免出現樣式私有樣式的名稱和公有樣式重複的想象,私有樣式採用:」字首_位置縮寫」 的規則。

如:該模組是屬於產品就可以用product 為字首。

上中下就可以依次是:product_h,product_m,product_b.

中間又分為左右結構,那就是product_m_l,product_m_r

區域塊:box/area

區域塊樣式類別+box/area,

比如新聞區域塊:newsbox/newsarea,

產品區域塊:probox/proarea

標題欄:bar (newsbar/probar)

列表:list (newslist/prolist)

css屬性書寫順序

建議遵循 布局定位屬性–>自身屬性–>文字屬性–>其他屬性.

此條可根據自身習慣書寫, 但盡量保證同類屬性寫在一起.

屬性列舉:

布局定位屬性主要包括: margin&padding&float(包括clear)&position(相應的top,right,bottom,left)&display&visibility&overflow等;

自身屬性主要包括: width & height & background & border;

文字屬性主要包括:font&color&text-align&text-decoration&text-indent等;

其他屬性包括: list-style(列表樣式)&vertical-vlign&cursor&z-index(層疊順序) &zoom等.

css命名規範

良好的命名規範可以為團隊合作開發推波助瀾,無論在專案開發,還是產品維護上都起到了至關重要的作用。應該說命名規範是一種約定,也是程式設計師之間良好溝通的橋梁。命名規則 2.樣式檔案命名 主要的 master.css 布局版面 layout.css 專欄 columns.css 文字 font.css ...

CSS命名規範

網上整理的比較好的css命名規則,為css 的規範化做參考,增加 的可讀性。id的命名 1 頁面結構 2 導航 1.不使用大寫形式的類名和id名 2.盡可能使用描述性的英文單詞的組合作為類名和id名 3.id名及類名的多個英文單詞之間使用 短橫線分隔 4.按區域進行描述編號 例 main01 div...

css命名規範

最近看到了些關於css命名方面的文章,對於這方面我也有自己的看法。我接觸css有很長一段時間了,對於css的命名我也是在逐步改進。感覺工作中比較常碰見的問題 1.需要給層定義各種尺寸的寬度,高度基本是不用定義的 2.層的padding和層之間的margin 3.給文字高亮顏色 4.各種樣式的tab和...