一.注釋書寫規範
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,結果還是找不出答案。最後無意之中用一串中文代替了 結果成這樣了 一...