欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

常見(jiàn)CSS與HTML使用誤區(qū)詳解

  發(fā)布時(shí)間：2017-01-08 14:28:50   作者：Avenstar   我要評(píng)論
本文主要介紹了頁(yè)面布局中常見(jiàn)CSS與HTML使用誤區(qū)以及解決方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧

誤區(qū)一.多div癥  

<div class="nav">
    <ul>
       <li><a href="/home/">Home</a></li>
       <li><a href="/about/">About</a></li>
       <li><a href="/concact/">Concact</a></li>
    </ul>
</div>

上述使用使用多余的div標(biāo)簽現(xiàn)狀，就稱為“多div癥”，理應(yīng)簡(jiǎn)化成下

<ul class="nav">
      <li><a href="/home/">Home</a></li>
      <li><a href="/about/">About</a></li>
      <li><a href="/concact/">Concact</a></li>
</ul>

誤區(qū)二.多類class癥  注意點(diǎn)class可以應(yīng)用于頁(yè)面任意多個(gè)元素，非常適合標(biāo)識(shí)內(nèi)容類型或其他相似的條目

一段新聞（新聞標(biāo)題、新聞詳情內(nèi)容）

<h1 class="news-head">Elastic Layout Example—View Source for the HTML and CSS</h1>
<p class="news-head">Lorem ipsum dolor sit amet.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

上述類名使用news-head與news-text 就稱為"多類癥"表現(xiàn)，不需要這么多的類區(qū)分元素樣式

最好使用div（division）代表部分而不是沒(méi)有語(yǔ)義（大多數(shù)人誤解div無(wú)語(yǔ)義?。。。瑢?shí)際上div可以將文檔劃分為幾個(gè)有意義的區(qū)域.

類名news從而識(shí)別整個(gè)新聞條目。然后可以使用層疊（cascade）樣式識(shí)別新聞標(biāo)題、文本，理應(yīng)修改如下

<div class="news">
    <h1>Elastic Layout Example—View Source for the HTML and CSS</h1>
    <p>Lorem ipsum dolor sit amet.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

span 對(duì)行內(nèi)元素進(jìn)行分組或標(biāo)識(shí)

<h2> Andy wins an Oscar for his cameo in Iron Man</h2>
<p>Public and on <span class="date">Februray 22nd, 2009</span>
    By <span class="author">Harry Knowles</span>
</p>

誤區(qū)三.id使用誤區(qū) 用于標(biāo)識(shí)頁(yè)面上特定元素(比如站點(diǎn)導(dǎo)航、頁(yè)眉、頁(yè)腳)而且必須唯一; 也可以用來(lái)標(biāo)識(shí)持久結(jié)構(gòu)性元素（如主導(dǎo)航、內(nèi)容區(qū)域）

/*大量的使用id,很難找到唯一名稱混亂*/
#andy, #rich, #jeremy, #james-box, #sophie {
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #ccc;
}
/*只需一個(gè)普通類替代它*/
.staff {
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #ccc;
}

用于標(biāo)識(shí)頁(yè)面上特定元素(比如站點(diǎn)導(dǎo)航、頁(yè)眉、頁(yè)腳)而且必須唯一; 也可以用來(lái)標(biāo)識(shí)持久結(jié)構(gòu)性元素（如主導(dǎo)航、內(nèi)容區(qū)域）

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

相關(guān)文章

最新評(píng)論