div+css排版中的di和class樣式

2016-11-01 分類：網站建設

網站建設中現在最常用的就是DIV+CSS樣式，網站排版中這種樣式需要注意哪些問題？今天成都網站建設就來跟大家介紹一下。
1.使用DIV+CSS樣式的過程中，種類和名稱的規范性
程序都很明白，在用DIV+CSS進行排版的時候，每個DIV都會有一個樣式，其樣式的種類有id和class兩種。有的人把body當成一個學校，而id就是班級，class就是學生，一所學校中班級沒有相同的，但人名有可能會有一樣的。也就是說網頁中id只會出現一次，但class可以多次出現，所以id要比class的權限要高很多。
我們可以將CSS網頁中的頭部、底部和中部使用id，但也有的在中部還分有左右兩個部分，這樣的部分一般不會重復，這樣的話我們就可以用id去定義；如果有些板塊需要重復使用的話，我們就可以用class去定義。
一個頁面中基本上id和class都沒有單獨使用的機會，如果頁面全部都用class的話，權限是大的問題，在同一層中，ul、li等這樣的元素沒有什么特別的標志，而外面一層的樣式在寫的時候就會受到影響，可能會寫很多不必要的代碼，造成代碼冗繁，這是網站優化中嚴重的錯誤。
2.id和class命名原則
因為代碼中都是英文，而id和class命名一般都是很隨意的，只要自己容易記住就可以。但為了后期修改網站帶去不必要的太麻煩，所以命名也不能太亂。不能一個標簽就找半天，所以最好還是使用英文命名，最有規律的就是按照層次去起名。
比如頭部用head，這部分一般都放網站logo（head_1）和導航（head_2），如果還有子欄目，那么就可以在后面再加上英文的左和右，這樣看上去就一目了然。如果后期修改的話也很容易就能找到標簽，也不會很亂。

本文名稱：div+css排版中的di和class樣式
標題URL：http://www.kartarina.com/news41/57791.html

成都網站建設公司_創新互聯，為您提供外貿建站、移動網站建設、ChatGPT、域名注冊、靜態網站、小程序開發

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容