日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
調(diào)用HTML標簽進行CSS布局

Html標簽有很多值得學習的地方，那么你知道如何使用HTML標簽進行CSS布局，這里向大家簡單描述一下，為了避免DIV成為Table的替代品，多層嵌套的DIV會嚴重影響代碼的可閱讀性，活用HTML為我們提供的標簽吧。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供金水網(wǎng)站建設(shè)、金水做網(wǎng)站、金水網(wǎng)站設(shè)計、金水網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、金水企業(yè)網(wǎng)站模板建站服務(wù)，十余年金水做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

合理使用HTML標簽進行CSS布局

CSS高級布局已逐漸流行，但面對所謂DIV+CSS布局的叫法讓人更為擔心，不要讓DIV成為Table的替代品，多層嵌套的DIV會嚴重影響代碼的可閱讀性，活用HTML為我們提供的標簽吧。

什么時候應該用DIV?

雖然在這方面沒有什么硬性的規(guī)定,但個人認為DIV更適用于大體框架的定位.例如我們要定義一塊頭部的區(qū)域,一般會這樣定義一個DIV:

 
 
 
    
  
  
  
  1. 這里就是頭部框架里要寫的內(nèi)容

  • 當然,可以用class來定義,但一般來講如不是在同一頁面會重復的元素,用id能更好的區(qū)別開來.

    本人觀察了下alistapart的首頁代碼,它的頭部定義代碼如下:

    以下是引用片段：

     
 
 
      
  
  
  
      2. 
  
  
  
      3. 
  
  
  
    3. Articles
      4. 
  
  
  
      5. 
  
  
  
    5. Topics
      6. 
  
  
  
    6. About
      7. 
  
  
  
      8. 
  
  
  
    8. Contact
      9. 
  
  
  
      10. 
  
  
  
    10. Contribute
      11. 
  
  
  
      12. 
  
  
  
    12. Feed
      13. 
  
  
  
    13. 
  
  
  
    14. alt="ALISTApart:ForPeopleWhoMakeWebsites"/>
      15. 
  
  
  
    15. 
  
  
  
    16. 
  
  
  
    17.

     以下是引用片段：

     
 
 
      
  
  
  
      2. 
  
  
  
    2. No.214

  • 定義了最上面的導航(ul部分),左邊的大logo和那個圓圓的No.xxxx的標記.

    他沒有使用DIV來做頂部的框架,但卻很好的說明了這些代碼的用途,為什么?因為他活用了HTML提供的標簽,以及樣式名稱的定義。

    其它最常用的布局標簽

    h1

    這個標簽或許真正會去用的人很少,因為它顯示的字體真的是太"大"了,但我們是CSSer,有什么標簽樣式不能改呢?而且它所能表達的意思就如同它原先的作用一樣明顯(大標題)我想你已經(jīng)知道怎么去用它了^_^

    ul

    這個標簽很多情況是用來定義導航部分的,當然也可以用ol來代替,但導航連接沒有什么順序之分吧,所以還是用ul來的比較確切(去掉CSS后效果更明顯)

    b

    這個已經(jīng)不再推薦使用的標簽,在布局上卻能帶來不少的方便(因為短),雖然我不是太贊成使用這個標簽,但有些時候(比如細小地方的布局定義)還是不錯的選擇

    h2

    h2使用最多的地方應該不是布局上,而是副標題,但有些地方需要定義欄目樣式的話,用這個標簽比較合適,欄目內(nèi)容就使用p


    分享題目：調(diào)用HTML標簽進行CSS布局
    分享地址：http://www.dlmjj.cn/article/cdcsspp.html