網(wǎng)站建設(shè)中現(xiàn)在最常用的就是DIV+CSS樣式,網(wǎng)站排版中這種樣式需要注意哪些問(wèn)題?今天
成都網(wǎng)站建設(shè)就來(lái)跟大家介紹一下。
1.使用DIV+CSS樣式的過(guò)程中,種類(lèi)和名稱(chēng)的規(guī)范性
程序都很明白,在用DIV+CSS進(jìn)行排版的時(shí)候,每個(gè)DIV都會(huì)有一個(gè)樣式,其樣式的種類(lèi)有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ù),這樣的話(huà)我們就可以用id去定義;如果有些板塊需要重復(fù)使用的話(huà),我們就可以用class去定義。
一個(gè)頁(yè)面中基本上id和class都沒(méi)有單獨(dú)使用的機(jī)會(huì),如果頁(yè)面全部都用class的話(huà),權(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),如果還有子欄目,那么就可以在后面再加上英文的左和右,這樣看上去就一目了然。如果后期修改的話(huà)也很容易就能找到標(biāo)簽,也不會(huì)很亂。
本文名稱(chēng):div+css排版中的di和class樣式
標(biāo)題URL:http://www.rwnh.cn/news41/57791.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、移動(dòng)網(wǎng)站建設(shè)、ChatGPT、域名注冊(cè)、靜態(tài)網(wǎng)站、小程序開(kāi)發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)