網站制作ID是狙擊槍,class是雙刃劍
2010/9/28 13:43:24
網站制作要做好布局,id與class都是必須熟練掌握的,所謂“兩手抓,兩手都要硬”。ID就象狙擊槍一樣,可以幫助我們精準地定位要想要加載樣式的元素;而class則是俠客的佩劍,信手拈來更加輕盈靈便,兩者的結合能夠實現結構良好且表現豐富的頁面。
用#定義CSS樣式,在調用時必須用ID,用.定義CSS樣式,在調用時必須用CLASS。用#定義的樣式,一般都是定義結構框架,一些大的容器,且在同一個頁面只能出現一次;而.定義的樣式,一般都是起修飾作用或多次重復的樣式。還一點就是在同一個層里同時出現ID和CLASS樣式,ID更優先于CLASS。
一個Class是用來根據用戶定義的標準對一個或多個元素進行定義的。因此你可以在一個頁面上使用class="Frodo" ,class="Gandalf", class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數的Class。至于ID,通常用于定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時,一般使用ID比較理想,因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大于一次的情況。
然而現在有一種錯誤的觀點,就是id完全可以用class來取代,事實上許多網頁源代碼也的確如此,打開來通篇class,找不到一個id。造成這種現象的理由有很多種,然而自table時代傳下來的根深蒂固的“class=CSS”的觀念才是本因。的確,class比id用途更廣更靈活,但也必須意識到,class對于構建良好的網頁結構遠不如id有效。id的強制唯一性使得我們可以很容易通過id檢索到我們需要的任意模塊,而class則沒有這個優勢。雖然我們可以為模塊定義唯一的class名,但前提是只有網站制作者本人可以修改網頁樣式。再者就是前面提到的,通過通用class所節省下來的代碼,又不得不在每個單獨定義的class中揮霍掉。
相關閱讀:網站設計必須知道的DIV+CSS排版技巧
網站模板CSS可控制超鏈接樣式
網站建設新手必須知道的頂級CSS技巧
返回列表
返回首頁
主站蜘蛛池模板:
亚洲色欲或者高潮影院|
黄色大片在线观看|
精品视频在线观看一区二区|
国语自产精品视频在线看|
免费A级毛片无码视频|
色综合67194|
性做久久久久免费观看|
亚洲乱码一区二区三区在线观看|
色一情一乱一伦一视频免费看|
国内精品久久久久久久97牛牛|
久久久久无码精品国产H动漫|
毛利兰的胸被狂揉扒开吃奶|
国产乱子影视频上线免费观看
|
777国产偷窥盗摄精品品在线|
日本chinese人妖video|
亚洲欧美色一区二区三区|
色婷婷99综合久久久精品|
国产视频一区二区三区四区|
中文无码热在线视频|
欧美激情一区二区三区免费观看|
国产三级a三级三级|
91精品福利一区二区|
成熟女人特级毛片www免费|
亚洲尹人九九大色香蕉网站|
精品无码日韩一区二区三区不卡|
国产免费牲交视频|
91精品欧美产品免费观看|
女性特黄一级毛片|
久久天天躁狠狠躁夜夜av
|
国产精品欧美一区二区三区不卡|
中文字幕乱人伦视频在线|
欧美专区在线播放|
刘伯温致力打造火热全网|
黑人巨茎大战欧美白妇|
夜夜爱夜夜爽夜夜做夜夜欢|
久久99国产精品成人欧美|
欧美午夜理伦三级在线观看|
免费特级黄毛片|
雪花飘影院手机版在线看|
国产精品视频李雅|
一二三四在线播放免费视频中国
|