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

2022-01-14 09:57:13 字數 401 閱讀 9214

css命名規範

一.檔案命名規範

全域性樣式:global.css;

框架布局:layout.css;

字型樣式:font.css;

鏈結樣式:link.css;

列印樣式:print.css;

二.常用類/id命名規範

常用類的命名應盡量以常見英文單詞為準,做到通俗易懂,並在適當的地方加以注釋。對於二級類/id命名,則採用組合書寫的模式,後乙個單詞的首字母應大寫:諸如「搜尋框」則應命名為「searchinput」、「搜尋圖示」命名這「searchicon」、「搜尋按鈕」命名為「searchbtn」…… 

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

一 注釋書寫規範 1 行間注釋 直接寫於屬性值後面,如 search 2 整段注釋 分別在開始及結束地方加入注釋,如 搜尋條 search 搜尋條結束 二 樣式屬性 縮寫 1 不同類有相同屬性及屬性值的縮寫 對於兩個不同的類,但是其中有部分相同甚至是全部相同的屬性及屬性值時,應對其加以合併縮寫,特別...

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

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

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

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