|
內(nèi)聯(lián)元素是什么意思呢？什么是塊級(jí)別元素。
《CSS權(quán)威指南》中文字顯示：任何不是塊級(jí)元素的可見(jiàn)元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“ 行布局”形式，這里的“行布局”的意思就是說(shuō)其表現(xiàn)形式始終以行進(jìn)行顯示。比如，我們?cè)O(shè)定一個(gè)內(nèi)聯(lián)元素border-bottom:1px solid #000;時(shí)其表現(xiàn)是以每行進(jìn)行重復(fù)，每一行下方都會(huì)有一條黑色的細(xì)線(xiàn)。如果是塊級(jí)元素那么所顯示的的黑線(xiàn)只會(huì)在塊的下方出現(xiàn)。
p、h1、或div等元素常常稱(chēng)為塊級(jí)元素，這些元素顯示為一塊內(nèi)容；Strong,span等元素稱(chēng)為行內(nèi)元素，它們的內(nèi)容顯示在行中，即“行內(nèi)框”。（可以使用display=block將行內(nèi)元素轉(zhuǎn)換成塊元素，display=none表示生成的元素根本沒(méi)有框，也既不顯示元素，不占用文檔中的空間）
A：行內(nèi)就是在一行內(nèi)的元素，只能放在行內(nèi)；塊級(jí)元素，就是一個(gè)四方塊，可以放在頁(yè)面上任何地方。
B：說(shuō)白了，行內(nèi)元素就好像一個(gè)單詞；塊級(jí)元素就好像一個(gè)段落，如果不另加定義的話(huà)，它將獨(dú)立一行出現(xiàn)。
C：一般的 塊級(jí)元素諸如段落<p>、標(biāo) 題<h1><h2>...、列表,<ul><ol><li> 、表格<table>、表單<form>、DIV<div>和BODY<body>等元素。而內(nèi)聯(lián)元素則如: 表單元素<input>、超級(jí)鏈接<a>、圖像<img>、<span> ........
D：塊級(jí)無(wú)素的顯著特點(diǎn)是：每個(gè)塊級(jí)元素都是從一個(gè)新行開(kāi)始顯示，而且其后的無(wú)素也需另起一行進(jìn)行顯示。
E：<span>在CSS定義中屬于一個(gè)行內(nèi)元素，而<div>是塊級(jí)元素。
對(duì)于學(xué)過(guò)CSS的人來(lái)說(shuō)一聽(tīng)就能明白�？蓪�(duì)于新手來(lái)說(shuō)不易理解，我主要對(duì)新手說(shuō)通熟點(diǎn)吧!
用容器這一詞會(huì)更容易形象理解它們的存在與用途，行內(nèi)元素相當(dāng)一個(gè)小容器，而<div>相當(dāng)于一個(gè)大容器，大容器當(dāng)然可以放一個(gè)小容器 了。<span>就是小容器，這樣一說(shuō)你也許會(huì)在腦海中有一個(gè)初步的印象了吧，如果我們想在大容器中裝一些清水。但我也想在里裝一些墨水怎么 辦？很簡(jiǎn)單，我們把小容器拿出來(lái)裝上墨水然后放入大容器里的清水中不就成了嗎。
我在舉個(gè)簡(jiǎn)單的一個(gè)實(shí)際例子吧：比如
<div>上海網(wǎng)站制作-www.86215.com</div>
我想用CSS定義字母c的樣式，因此我們就可以用到<span>了。
<div>上海網(wǎng)站設(shè)計(jì)- <span>http://www.86215.com</span> W3C標(biāo)準(zhǔn)</div>
出處：相關(guān)論壇
責(zé)任編輯：bluehearts
上一頁(yè) CSS文檔流與塊級(jí)元素和內(nèi)聯(lián)元素 [1] 下一頁(yè) CSS文檔流與塊級(jí)元素和內(nèi)聯(lián)元素 [3]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 2 頁(yè) CSS文檔流與塊級(jí)元素和內(nèi)聯(lián)元素 [2]
