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

標(biāo)簽 li 是不是塊級(jí)元素分析

  發(fā)布時(shí)間：2011-04-26 11:30:15   作者：佚名   我要評(píng)論
塊級(jí)元素：block-level，相信大家都知道吧（or Google it）。以前在寫(xiě)代碼的時(shí)候，面對(duì)
  • 標(biāo)簽總覺(jué)得很奇怪。
    • 為什么它可以設(shè)定高度，但又不像 <h1 /> 這些元素，那種感覺(jué)就像它是個(gè)“半內(nèi)聯(lián)"的（內(nèi)聯(lián)：inline[text]-level）元素。HTML 4是這樣描述的：

    The following elements may also be considered block-level elements since they may contain block-level elements:

    • DD – Definition description
    • DT – Definition term
    • FRAMESET – Frameset
    • LI – List item
    • TBODY – Table body
    • TD – Table data cell
    • TFOOT – Table foot
    • TH – Table header cell
    • THEAD – Table head
    • TR – Table row

    這段描述中，似乎也是在說(shuō)， <li /> 就是一個(gè)"半內(nèi)聯(lián)"的元素。當(dāng)然，這個(gè)列表里面的類似于 <td /> 這些元素，也曾給我?guī)?lái)這樣的疑惑。今天看了一下各瀏覽器的默認(rèn)CSS。結(jié)果是這樣的：

    Browsers CSS
    IE6/IE7 li{display:block;}
    IE8+ / Webkit / Firefox / Opera li{display:list-item;}

    在這里，也基本上明了了。在除 IE6/7 以外的 A-Grade 瀏覽器中，就是一個(gè)"半內(nèi)聯(lián)"的元素。提到 display:list-item; ，其實(shí)，即使現(xiàn)在所有的 A-Grade 瀏覽器都支持，用的人其實(shí)不多。為什么？其實(shí)就是沒(méi)什么用。在 Quirks Mode，PPK 是這樣說(shuō)的：

    display: list-item means that the element is displayed as a list-item, which mainly means that it has a bullet in front of it (like an UL), except in IE 5 on Mac where it gets a number (like an OL). The numbers are buggy: all previous LI’s in the page count as one, so this example starts with number 5 (the screenshot was made before I inserted my compatibility-LI’s).

    Live example:

    display: block

    display: list-item
    display: list-item

    Right。其實(shí)這個(gè)意義不大。但也算是解了自己的一個(gè)疑惑。分享出來(lái)，如果你也有這樣的疑惑，或許下次 Coding 的時(shí)候出現(xiàn) Bug 或者其他疑問(wèn)，估計(jì)也就能很快反應(yīng)過(guò)來(lái)了。

    相關(guān)文章

    • 詳解XML中的標(biāo)簽與元素的使用

      這篇文章主要介紹了XML中的標(biāo)簽與元素的使用,是XML入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
      2016-02-14

    • div標(biāo)簽中的元素margin-top失效的解決方法

      元素上級(jí)標(biāo)簽是div，已經(jīng)設(shè)置了width和height等的屬性，可是，在對(duì)元素使用margin進(jìn)行調(diào)整的時(shí)候，無(wú)法生效，下面有個(gè)不錯(cuò)的解決方法，感興趣的朋友可以參考下
      2014-02-17

    • HTML5在a標(biāo)簽內(nèi)放置塊級(jí)元素示例代碼

      你沒(méi)看錯(cuò):用一個(gè)A標(biāo)簽包裹塊級(jí)元素，在HTML5以前，a標(biāo)簽屬于行內(nèi)元素，而div,h1,p 等為塊級(jí)元素，如果強(qiáng)行包裹，可能會(huì)被強(qiáng)行截?cái)酁槎鄠€(gè)a標(biāo)簽，感興趣的朋友可以了解些
      2013-08-23

    • HTML標(biāo)簽及基本元素學(xué)習(xí)總結(jié)

      最近學(xué)習(xí)了一些html的知識(shí)，以防忘記所以整理了一下，以備不時(shí)之需。主要由html的基本元素到超鏈接、圖像之類的，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
      2013-06-26

    • HTML中的標(biāo)簽和元素的區(qū)別詳解

      很多人可能都沒(méi)有把哪個(gè)叫標(biāo)簽，哪個(gè)叫元素這個(gè)概念搞清楚，包括之前的我也是，一直都是混淆著，特意搜索查閱了一些資料，現(xiàn)將我得出的結(jié)論寫(xiě)出來(lái)，與大家分享下
      2013-04-22

    • css 背景透明 元素(標(biāo)簽)背景透明的css設(shè)計(jì)

      今天要設(shè)計(jì)一個(gè)定位在圖片上的標(biāo)簽，標(biāo)簽的背景要有一定的透明度,使用到了opacity的屬性，過(guò)去沒(méi)太注意這個(gè)屬性的兼容性問(wèn)題,結(jié)果很是郁悶
      2013-01-09

    • HTML元素(標(biāo)簽)大全及使用介紹

      HTML元素(標(biāo)簽)大全及使用說(shuō)明
      2010-07-04

    • HTML 元素 標(biāo)簽教程

      HTML文檔是由HTML元素組成的文本文件。 HTML元素是預(yù)定義的正在使用的HTML標(biāo)簽。 HTML標(biāo)簽通常成對(duì)出現(xiàn)
      2009-07-16

    • 元素絕對(duì)定位以后設(shè)置了高寬,a標(biāo)簽不能點(diǎn)擊的原因及解決方法

      下面小編就為大家?guī)?lái)一篇元素絕對(duì)定位以后設(shè)置了高寬,a標(biāo)簽不能點(diǎn)擊的原因及解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
      2016-09-09

    最新評(píng)論