div+css排版中的di和class樣式
2016-11-01 分類： 網(wǎng)站建設(shè)
網(wǎng)站建設(shè)中現(xiàn)在最常用的就是DIV+CSS樣式，網(wǎng)站排版中這種樣式需要注意哪些問(wèn)題？今天成都網(wǎng)站建設(shè)就來(lái)跟大家介紹一下。
1.使用DIV+CSS樣式的過(guò)程中，種類和名稱的規(guī)范性
程序都很明白，在用DIV+CSS進(jìn)行排版的時(shí)候，每個(gè)DIV都會(huì)有一個(gè)樣式，其樣式的種類有id和class兩種。有的人把body當(dāng)成一個(gè)學(xué)校，而id就是班級(jí)，class就是學(xué)生，一所學(xué)校中班級(jí)沒(méi)有相同的，但人名有可能會(huì)有一樣的。也就是說(shuō)網(wǎng)頁(yè)中id只會(huì)出現(xiàn)一次，但class可以多次出現(xiàn)，所以id要比class的權(quán)限要高很多。
我們可以將CSS網(wǎng)頁(yè)中的頭部、底部和中部使用id，但也有的在中部還分有左右兩個(gè)部分，這樣的部分一般不會(huì)重復(fù)，這樣的話我們就可以用id去定義；如果有些板塊需要重復(fù)使用的話，我們就可以用class去定義。
一個(gè)頁(yè)面中基本上id和class都沒(méi)有單獨(dú)使用的機(jī)會(huì)，如果頁(yè)面全部都用class的話，權(quán)限是大的問(wèn)題，在同一層中，ul、li等這樣的元素沒(méi)有什么特別的標(biāo)志，而外面一層的樣式在寫(xiě)的時(shí)候就會(huì)受到影響，可能會(huì)寫(xiě)很多不必要的代碼，造成代碼冗繁，這是網(wǎng)站優(yōu)化中嚴(yán)重的錯(cuò)誤。
2.id和class命名原則
因?yàn)榇a中都是英文，而id和class命名一般都是很隨意的，只要自己容易記住就可以。但為了后期修改網(wǎng)站帶去不必要的太麻煩，所以命名也不能太亂。不能一個(gè)標(biāo)簽就找半天，所以最好還是使用英文命名，最有規(guī)律的就是按照層次去起名。
比如頭部用head，這部分一般都放網(wǎng)站logo（head_1）和導(dǎo)航（head_2），如果還有子欄目，那么就可以在后面再加上英文的左和右，這樣看上去就一目了然。如果后期修改的話也很容易就能找到標(biāo)簽，也不會(huì)很亂。
1.使用DIV+CSS樣式的過(guò)程中，種類和名稱的規(guī)范性
程序都很明白，在用DIV+CSS進(jìn)行排版的時(shí)候，每個(gè)DIV都會(huì)有一個(gè)樣式，其樣式的種類有id和class兩種。有的人把body當(dāng)成一個(gè)學(xué)校，而id就是班級(jí)，class就是學(xué)生，一所學(xué)校中班級(jí)沒(méi)有相同的，但人名有可能會(huì)有一樣的。也就是說(shuō)網(wǎng)頁(yè)中id只會(huì)出現(xiàn)一次，但class可以多次出現(xiàn)，所以id要比class的權(quán)限要高很多。
我們可以將CSS網(wǎng)頁(yè)中的頭部、底部和中部使用id，但也有的在中部還分有左右兩個(gè)部分，這樣的部分一般不會(huì)重復(fù)，這樣的話我們就可以用id去定義；如果有些板塊需要重復(fù)使用的話，我們就可以用class去定義。
一個(gè)頁(yè)面中基本上id和class都沒(méi)有單獨(dú)使用的機(jī)會(huì)，如果頁(yè)面全部都用class的話，權(quán)限是大的問(wèn)題，在同一層中，ul、li等這樣的元素沒(méi)有什么特別的標(biāo)志，而外面一層的樣式在寫(xiě)的時(shí)候就會(huì)受到影響，可能會(huì)寫(xiě)很多不必要的代碼，造成代碼冗繁，這是網(wǎng)站優(yōu)化中嚴(yán)重的錯(cuò)誤。
2.id和class命名原則
因?yàn)榇a中都是英文，而id和class命名一般都是很隨意的，只要自己容易記住就可以。但為了后期修改網(wǎng)站帶去不必要的太麻煩，所以命名也不能太亂。不能一個(gè)標(biāo)簽就找半天，所以最好還是使用英文命名，最有規(guī)律的就是按照層次去起名。
比如頭部用head，這部分一般都放網(wǎng)站logo（head_1）和導(dǎo)航（head_2），如果還有子欄目，那么就可以在后面再加上英文的左和右，這樣看上去就一目了然。如果后期修改的話也很容易就能找到標(biāo)簽，也不會(huì)很亂。
文章題目：div+css排版中的di和class樣式
文章路徑：http://chinadenli.net/news/57791.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站制作、Google、網(wǎng)站導(dǎo)航
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 二級(jí)域名優(yōu)化效果如何實(shí)現(xiàn) 2016-11-01
- 一定不能丟棄的博客外鏈 2016-11-01
- 網(wǎng)站優(yōu)化中的swot分析如何體現(xiàn) 2016-11-01
- 網(wǎng)站更換域名并不是意外 2016-11-01
- 以小搏大的網(wǎng)絡(luò)口碑營(yíng)銷 2016-11-01
- 你知道搜索引擎四大功能嗎 2016-11-01
- 網(wǎng)頁(yè)制作技巧：記事本編輯網(wǎng)頁(yè)如何操作 2016-11-01
- 用戶離開(kāi)網(wǎng)站是有原因的 2016-11-01
- 解決快照更新緩慢有方法 2016-11-01
- 首頁(yè)、內(nèi)頁(yè)和列表頁(yè)的優(yōu)化細(xì)節(jié) 2016-11-01
- 網(wǎng)站優(yōu)化切勿操之過(guò)急 2016-11-01
- 站長(zhǎng)不能不知的“蜘蛛陷阱” 2016-11-01
- 網(wǎng)站URL地址參數(shù)不宜過(guò)長(zhǎng) 2016-11-01
- 電商不要忽視口碑的重要性 2016-11-01
- 網(wǎng)站和APP設(shè)計(jì)中防沉迷系統(tǒng)淺析 2023-02-20
- 成都網(wǎng)站建設(shè)整理收集的關(guān)于APP設(shè)計(jì)過(guò)程中應(yīng)注意的事項(xiàng) 2022-12-01
- 淺析搜索引擎對(duì)內(nèi)容主題的判斷 2016-11-01
- B2C網(wǎng)站要讓用戶群成為最終消費(fèi)者 2016-11-01
- 為什么說(shuō)中文域名不適合 2016-11-01
- 保證網(wǎng)站安全從五點(diǎn)做起 2016-11-01
- 不同于網(wǎng)站標(biāo)題是頁(yè)面標(biāo)題 2016-11-01
- UI不得不知的app設(shè)計(jì)布局之道 2022-11-21
- 電商APP設(shè)計(jì)時(shí)有哪些問(wèn)題要注意-佛山APP開(kāi)發(fā) 2022-11-17
- APP設(shè)計(jì)的五大特性！ 2022-11-15
- app設(shè)計(jì)的基礎(chǔ)認(rèn)識(shí) 2022-11-14
- 移動(dòng)APP設(shè)計(jì)中的壞主意 2022-10-30