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

淺談Span和Div的區(qū)別

  發(fā)布時(shí)間：2015-01-12 11:39:57   作者：佚名   我要評(píng)論
這篇文章主要簡(jiǎn)單介紹了Span和Div的區(qū)別，對(duì)于學(xué)習(xí)DIV+CSS的小伙伴們來(lái)說(shuō)，是篇非常不錯(cuò)的文章，也算是對(duì)自己基礎(chǔ)知識(shí)的一次復(fù)習(xí)。

HTML只是賦予內(nèi)容的手段，大部分HTML標(biāo)簽都有其意義（標(biāo)簽p創(chuàng)建段落，h1標(biāo)簽創(chuàng)建標(biāo)題等等）的，然而span和div標(biāo)簽似乎沒(méi)有任何內(nèi)容上的意義，聽(tīng)起來(lái)就像一個(gè)泡沫做成的錘子一樣無(wú)用。但實(shí)際上，與CSS結(jié)合起來(lái)后，它們被用得十分廣泛。
它們被用來(lái)組合一大塊的HTML代碼并賦予一定的信息，大部分用類屬性class和標(biāo)識(shí)屬性id與元素聯(lián)系起來(lái)，見(jiàn)CSS中級(jí)指南的類和id選擇符。

span和div的不同之處在于span是內(nèi)聯(lián)的，用在一小塊的內(nèi)聯(lián)HTML中，而div（想想division是什么意思）元素是塊級(jí)的（簡(jiǎn)單地說(shuō)，它等同于其前后有斷行），用于組合一大塊的代碼。


復(fù)制代碼
代碼如下:

<div id=”scissors”> <p>This is <span class=”paper”>crazy</span></p> </div>

在實(shí)踐中，div，特別是span不應(yīng)該濫用，盡管有其他相左的意見(jiàn)。比如，你要強(qiáng)調(diào)單詞“crazy”和加粗類“paper”，可能會(huì)用這樣的代碼：


復(fù)制代碼
代碼如下:

<div id=”scissors”> <p>This is <strong class=”paper”>crazy</strong></p> </div>

這是做法比再加一個(gè)span比較好。
 
對(duì)于類class和標(biāo)識(shí)id沒(méi)有線索？別擔(dān)心，在CSS中級(jí)指南中會(huì)接觸到它們。你所需要記住的是，span和div 是“無(wú)意義”的標(biāo)簽。

相關(guān)文章

  • 關(guān)于div中img,span垂直居中的問(wèn)題

    下面小編就為大家?guī)?lái)一篇關(guān)于div中img,span垂直居中的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-09-26

  • 深入理解DIV和SPAN的區(qū)別

    下面小編就為大家?guī)?lái)一篇深入理解DIV和SPAN的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-06-14

  • div與span的區(qū)別和使用示例

    DIV 和 SPAN 元素最大的特點(diǎn)是默認(rèn)都沒(méi)有對(duì)元素內(nèi)的對(duì)象進(jìn)行任何格式化渲染。主要用于應(yīng)用樣式表。兩者最明顯的區(qū)別在于DIV是塊元素，而SPAN是行內(nèi)元素(也譯作內(nèi)嵌元素)。
    2014-04-03

  • DIV和SPAN垂直居中對(duì)齊的實(shí)現(xiàn)方法

    DIV和SPAN如何垂直居中對(duì)齊，水平居中很簡(jiǎn)單，設(shè)置text-align:center就可以了，垂直居中一直很是疑惑，下面為大家解惑
    2014-02-20

  • div與span之間的區(qū)別與使用介紹

    問(wèn)DIV與SPAN之間有什么區(qū)別？想必很多朋友都是一知半解吧，在這里可以告訴你DIV和SPAN 元素最大的特點(diǎn)是默認(rèn)都沒(méi)有對(duì)元素內(nèi)的對(duì)象進(jìn)行任何格式化渲染
    2021-11-30

  • HTML中div與span的區(qū)別(共同點(diǎn)與不同點(diǎn))

    做網(wǎng)頁(yè)的朋友想必都不知道HTML中div與span的區(qū)別吧，下面為大家詳細(xì)介紹下兩者的共同點(diǎn)及不同點(diǎn)
    2013-12-27

  • html的基本使用包括鏈接、樣式表、span和div等等

    html的基本使用包括鏈接、多視窗口FRAMES、樣式表、span和div等等，在本文已給出詳細(xì)的使用介紹，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
    2013-10-18

  • 區(qū)別div和span、relative和absolute、display和visibility

    div和span、relative和absolute、display和visibility是很容易混淆和弄錯(cuò)的HTML標(biāo)簽與CSS屬性，今天52CSS.com簡(jiǎn)單的羅列出它們的區(qū)別與使用要點(diǎn)，供大家參考。
    2009-12-17

  • HTML中div和span比較_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    這篇文章主要介紹了HTML中div和span比較，分別介紹了div和span的用法和比較，有興趣的可以了解一下
    2017-06-21

最新評(píng)論