国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML <div> 和<span>

HTML 區(qū)塊級元素<div> 和行內(nèi)元素<span>

區(qū)塊級元素寬度充滿整個瀏覽器可見區(qū)域，一般一行只能有一個區(qū)塊級元素?

?行內(nèi)元素的寬度一般以元素內(nèi)的文字內(nèi)容為準(zhǔn)，區(qū)塊級元素內(nèi)可以放置多個行內(nèi)元素

實例

先看一下區(qū)塊級元素<div> 和行內(nèi)元素<span>的特性

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<div style="border: 1px solid red;">
    hello
</div>
<span style="border: 1px solid blue;">world</span>
</body>
</html>

程式運作結(jié)果：

1.jpg

區(qū)塊級元素<div>

#區(qū)塊級元素會獨佔一行，預(yù)設(shè)情況下，寬度會自動填滿父元素寬度。因此，多個跨級元素都是從上到下在多行顯示的。

區(qū)塊級元素：div, p, form,? ul, li, ol, dl, table ……

#行內(nèi)元素<span>

##行內(nèi)元素不會獨佔一行，其寬度隨裡面的內(nèi)容而變化，多個行內(nèi)元素會緊鄰排在一行內(nèi)，直到一行排不下才會換行

行內(nèi)元素：span,? strong,? em, br, img, input, label, select, textarea, cite……

###HTML 分組標(biāo)籤#####################
? ? ?#? ? #?描述

##? ??<div>

定義了文件的區(qū)域，區(qū)塊級(block-level)############? ??<span>###########? ??<span>##### #用來組合文件中的行內(nèi)元素， 內(nèi)聯(lián)元素(inline)###############################我們前面學(xué)習(xí)了那麼多標(biāo)籤，我們下一節(jié)會教大家怎麼利用那些標(biāo)籤來做個簡單的網(wǎng)頁版面#############
繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <div style="border: 1px solid red;"> div 塊級元素 </div> <span style="border: 1px solid blue;">span行內(nèi)元素</span> </body> </html>