CSS設計網頁時的一些常用規範

2021-05-02 12:54:11 字數 893 閱讀 4195

一.注釋書寫規範

1、行間注釋:

直接寫於屬性值後面,如:

.search

2、整段注釋:

分別在開始及結束地方加入注釋,如:

/******搜尋條******/

.search

/******搜尋條結束******/

二.樣式屬性**縮寫

1、不同類有相同屬性及屬性值的縮寫:

對於兩個不同的類,但是其中有部分相同甚至是全部相同的屬性及屬性值時,應對其加以合併縮寫,特別是當有多個不同的類而有相同的屬性及屬性值時,合併縮寫可以減少**量並易於控制。如:

#mainmenu

#submenu

兩個不同類的屬性值有重複之處,剛可以縮寫為:

#mainmenu,#submenu

#mainmenu

#submenu

2、同一屬性的縮寫:

同一屬性根據它的屬性值也可以進行簡寫,如:

.search

.search

3、內外側邊框的縮寫:

在css中關於內外側邊框的距離是按照上、右、下、左的順序來排列的,當這四個屬性值不同時也可直接縮寫,如:

.btn

則可縮寫為:

.btn

而如果當上邊與下邊、左邊與右邊的邊框屬性值相同時,則屬性值可以直接縮寫為兩個,如:

.btn

縮寫為:

.btn

而當上下左右四個邊框的屬性值都相同時,則可以直接縮寫成乙個,如:

.btn

縮寫為:

.btn

4、顏色值的縮寫:

當rgb三個顏色值數值相同時,可縮寫顏色值**。如:

.menu

可縮寫為:

.menu

CSS設計網頁時的一些常用規範

css命名規範 一 檔案命名規範 全域性樣式 global.css 框架布局 layout.css 字型樣式 font.css 鏈結樣式 link.css 列印樣式 print.css 二 常用類 id命名規範 常用類的命名應盡量以常見英文單詞為準,做到通俗易懂,並在適當的地方加以注釋。對於二級類 ...

Div Css 設計網頁時浮動問題的解決方法

以前最常用的方法有兩種 方法一 使用塊級clear,即宣告乙個塊的類屬性為 程式 clear 方法二 使用內聯元素清理,比如說在主浮動內容後跟乙個內聯元素。程式 inlineclear 方法三,使用雙層div巢狀 程式 pubpage main 內容 這樣用的話,內部的main就會把浮動給撐起來 方...

H5 CSS寫網頁時遇到的一些坑 1

我們想要這樣的效果,嗯,看起來很不錯 結果把設定好了之後 float,大小什麼的 興高采烈的f5了一下,以為達到了預期效果,結果是這樣的 wtf,這和說好的不一樣啊,然後我就開始debug了一晚上,從div巢狀檢查到所有相關的css,結果還是找不出答案。最後無意之中用一串中文代替了 結果成這樣了 一...