国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

實戰案例:DIV嵌套_html/css

來源:懂視網 責編:小采 時間:2020-11-27 16:15:45
文檔

實戰案例:DIV嵌套_html/css

實戰案例:DIV嵌套_html/css_WEB-ITnose:緣于頁面結構語義化的考慮,我們應該慎用div和span這兩個通用元素,只有當劃分頁面結構模塊時才使用div元素,因為模塊本身是沒有任何語義的,他僅代表一塊獨立的結構。如果想對段落內部分內聯元素或文本應用某種特殊樣式時,就可以使用span元素把他們獨立封裝
推薦度:
導讀實戰案例:DIV嵌套_html/css_WEB-ITnose:緣于頁面結構語義化的考慮,我們應該慎用div和span這兩個通用元素,只有當劃分頁面結構模塊時才使用div元素,因為模塊本身是沒有任何語義的,他僅代表一塊獨立的結構。如果想對段落內部分內聯元素或文本應用某種特殊樣式時,就可以使用span元素把他們獨立封裝

 緣于頁面結構語義化的考慮,我們應該慎用div和span這兩個通用元素,只有當劃分頁面結構模塊時才使用div元素,因為模塊本身是沒有任何語義的,他僅代表一塊獨立的結構。如果想對段落內部分內聯元素或文本應用某種特殊樣式時,就可以使用span元素把他們獨立封裝在一個容器內。

div作為布局元素,它與表格一樣是可以嵌套的。因為瀏覽器對于任何元素的解析方式都是一樣的,一般從最里層開始,然后不斷向外解析。當嵌套層級很深時,將會使瀏覽器消耗更多的資源對嵌套關系進行解析,勢必會影響瀏覽器的速度。

對于一個上下三行的布局結構:

為了實現頁面固定寬度和居中顯示效果,分別給三個div設置css樣式就有點麻煩了,我們可以給它嵌套一個div層:

 

實際上這種增加一層div嵌套的方法,肯定會給瀏覽器的顯示帶來負擔,我們可以將body元素作為一個外套,這樣就能充分發揮body的作用,以免造成浪費。

 


又比如:要給上述頂部頁眉部分加一個導航條:

 
  • 上述代碼是最優化的么?當然不是,ul元素與div元素一樣都是塊狀元素,一個導航菜單外面嵌套兩層元素,勢必會產生代碼冗余,如果沒有被定義的特殊樣式,我們完全可以這樣寫:

     
  •   這種情況就是最優的。但是,這樣做存在一定的風險,可能需要使用更多的css樣式來控制整個元素的顯示。如果多嵌套一層,對頁面布局會有更大的幫助,能節省大量不必要的css控制代碼,此時布局的功能重要性就遠大于結構的功能性。

    總之,在我們大力提倡盡力減少div元素的多次嵌套時,是針對當前網頁設計中設計師亂套div元素的現狀而說的,但并不是談套色變,必要的嵌套是應該的,也是必須的!

    補充:頁面語義化操作:

    1、XHTML結構的語義性

    2、構建語義化頁面操作

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    實戰案例:DIV嵌套_html/css

    實戰案例:DIV嵌套_html/css_WEB-ITnose:緣于頁面結構語義化的考慮,我們應該慎用div和span這兩個通用元素,只有當劃分頁面結構模塊時才使用div元素,因為模塊本身是沒有任何語義的,他僅代表一塊獨立的結構。如果想對段落內部分內聯元素或文本應用某種特殊樣式時,就可以使用span元素把他們獨立封裝
    推薦度:
    標簽: html its css
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 国产偷自拍 | 亚欧免费视频一区二区三区 | 国产欧美一区二区精品久久久 | 一区二区三区高清 | 久久久这里有精品999 | 日韩在线观看视频网站 | 免费看操片 | 欧美色色图 | 一区二区精品在线 | 激情综合亚洲欧美日韩 | 国产精品视频不卡 | 国产精自产拍久久久久久 | 91大神在线观看精品一区 | 国产视频资源在线观看 | 国产ssss在线观看极品 | 欧美一区二区日韩一区二区 | 亚洲国产精品视频 | 一级毛片免费观看久 | 国产高清不卡一区二区三区 | 亚洲一区二区三区精品视频 | 亚洲男同在线观看 | 欧美国产日韩在线 | 国产h片在线观看 | 亚洲一区二区三区一品精 | 精品国产一区二区二三区在线观看 | 91www成人久久 | 久久国产精品久久精 | 91原创国产 | 中文字幕在线看 | 日韩欧美国产高清 | 麻豆视频一区二区 | 欧美日本在线视频 | 国内精品伊人久久久久妇 | 日韩视频免费在线观看 | 最新偷窥盗摄视频在线 | 欧美国产高清 | 一级毛片免费网站 | 亚欧免费视频一区二区三区 | 亚洲黄色一区二区 | 91精品啪国产在线观看免费牛牛 | 青青国产成人久久91网站站 |