網(wǎng)站制作ID是狙擊槍?zhuān)琧lass是雙刃劍
2010/9/28 13:43:24
網(wǎng)站制作要做好布局,id與class都是必須熟練掌握的,所謂“兩手抓,兩手都要硬”。ID就象狙擊槍一樣,可以幫助我們精準(zhǔn)地定位要想要加載樣式的元素;而class則是俠客的佩劍,信手拈來(lái)更加輕盈靈便,兩者的結(jié)合能夠?qū)崿F(xiàn)結(jié)構(gòu)良好且表現(xiàn)豐富的頁(yè)面。
用#定義CSS樣式,在調(diào)用時(shí)必須用ID,用.定義CSS樣式,在調(diào)用時(shí)必須用CLASS。用#定義的樣式,一般都是定義結(jié)構(gòu)框架,一些大的容器,且在同一個(gè)頁(yè)面只能出現(xiàn)一次;而.定義的樣式,一般都是起修飾作用或多次重復(fù)的樣式。還一點(diǎn)就是在同一個(gè)層里同時(shí)出現(xiàn)ID和CLASS樣式,ID更優(yōu)先于CLASS。
一個(gè)Class是用來(lái)根據(jù)用戶(hù)定義的標(biāo)準(zhǔn)對(duì)一個(gè)或多個(gè)元素進(jìn)行定義的。因此你可以在一個(gè)頁(yè)面上使用class="Frodo" ,class="Gandalf", class="Aragorn"來(lái)區(qū)分不同的故事線(xiàn)。還有一點(diǎn)非常重要的是你可以在一個(gè)文檔中使用任意次數(shù)的Class。至于ID,通常用于定義頁(yè)面上一個(gè)僅出現(xiàn)一次的標(biāo)記。在對(duì)頁(yè)面排版進(jìn)行結(jié)構(gòu)化布局時(shí),一般使用ID比較理想,因?yàn)橐粋€(gè)ID在一個(gè)文檔中只能被使用一次。而這些元素在同一頁(yè)面中很少會(huì)出現(xiàn)大于一次的情況。
然而現(xiàn)在有一種錯(cuò)誤的觀(guān)點(diǎn),就是id完全可以用class來(lái)取代,事實(shí)上許多網(wǎng)頁(yè)源代碼也的確如此,打開(kāi)來(lái)通篇class,找不到一個(gè)id。造成這種現(xiàn)象的理由有很多種,然而自table時(shí)代傳下來(lái)的根深蒂固的“class=CSS”的觀(guān)念才是本因。的確,class比id用途更廣更靈活,但也必須意識(shí)到,class對(duì)于構(gòu)建良好的網(wǎng)頁(yè)結(jié)構(gòu)遠(yuǎn)不如id有效。id的強(qiáng)制唯一性使得我們可以很容易通過(guò)id檢索到我們需要的任意模塊,而class則沒(méi)有這個(gè)優(yōu)勢(shì)。雖然我們可以為模塊定義唯一的class名,但前提是只有網(wǎng)站制作者本人可以修改網(wǎng)頁(yè)樣式。再者就是前面提到的,通過(guò)通用class所節(jié)省下來(lái)的代碼,又不得不在每個(gè)單獨(dú)定義的class中揮霍掉。
相關(guān)閱讀:網(wǎng)站設(shè)計(jì)必須知道的DIV+CSS排版技巧
網(wǎng)站模板CSS可控制超鏈接樣式
網(wǎng)站建設(shè)新手必須知道的頂級(jí)CSS技巧
返回列表
返回首頁(yè)
主站蜘蛛池模板:
中文字幕国产欧美|
你懂得视频在线观看|
1313mm禁片视频|
小泽玛利亚番号|
久久亚洲国产精品五月天婷|
欧美性猛交xxxx免费看蜜桃|
偷窥自拍10p|
老司机一级毛片|
国产女人91精品嗷嗷嗷嗷|
2021国产麻豆剧传媒仙踪林|
天天躁日日躁狠狠躁一级毛片|
中文字幕在线播放|
日本高清免费不卡视频|
亚洲人成77777在线播放网站|
狠狠色噜噜狠狠狠狠网站视频
|
不卡高清av手机在线观看|
日本黄色一级大片|
亚洲а∨天堂久久精品|
2023av在线播放|
天天干天天干天天|
中文字幕亚洲乱码熟女一区二区|
日韩乱码中文字幕视频|
亚洲av永久中文无码精品综合
|
一个人看的视频在线|
无人高清视频完整版在线观看|
久久精品国产一区二区三区肥胖|
欧美国产亚洲一区|
亚洲欧美国产另类视频|
爱爱视频天天干|
免费黄色a视频|
综合人妻久久一区二区精品|
国产一精品一av一免费爽爽|
香蕉久久夜色精品升级完成|
国产最猛性xxxxxx69交|
影音先锋成人资源|
国产美女口爆吞精普通话|
99re6精品|
在线观看免费a∨网站|
japanese酒醉侵犯|
好男人社区视频在线观看|
免费福利在线视频|