塊元素能設(shè)置豎直方向的margin，padding是什么意思 ?可以舉例嗎內(nèi)聯(lián)元素不能設(shè)置豎直方向的margin padding，可以設(shè)置水平方向的是什么意思，求舉例，塊元素和塊狀元素是同一種類型嗎
4 回答
已采納
new_object_
TA貢獻(xiàn)55條經(jīng)驗(yàn) 獲得超117個(gè)贊
首先，快狀元素與內(nèi)聯(lián)元素的區(qū)別：塊元素(block element)和內(nèi)聯(lián)元素(inline element)都是html規(guī)范中的概念。塊元素和內(nèi)聯(lián)元素的基本差異是塊元素一般都從新行開始。而當(dāng)加入了css控制以后，塊元素和內(nèi)聯(lián)元素的這種屬性差異就不成為差異了。比如，我們完全可以把內(nèi)聯(lián)元素cite加上display:block這樣的屬性，讓他也有每次都從新行開始的屬性。也可以把塊元素div加上display:inline，讓他顯示為內(nèi)聯(lián)元素
塊狀元素也就是塊元素，有時(shí)候也叫它塊級(jí)元素。對(duì)于塊元素，你設(shè)置它的padding和margin后會(huì)有展示出來，而內(nèi)聯(lián)元素是沒有效果的，這也就是為什么很多時(shí)候我們會(huì)將默認(rèn)為內(nèi)聯(lián)元素的a標(biāo)簽設(shè)為塊元素。
代碼驗(yàn)證：
????可以編寫一個(gè)如下結(jié)構(gòu)的盒子
<div?class="box"> ????<a?class="block">this?is?a?block</a> </div>
????定義樣式，給a標(biāo)簽一個(gè)背景色red,你會(huì)發(fā)現(xiàn)背景色緊貼標(biāo)簽，為了將背景色擴(kuò)大，我們通常會(huì)設(shè)置padding值，但你擴(kuò)大padding后會(huì)發(fā)現(xiàn)背景色范圍并沒有改變。此時(shí)，給a標(biāo)簽的樣式添加一個(gè): ? display:block ?試一試。
????具體代碼自己實(shí)現(xiàn)，多鍛煉自己的動(dòng)手能力
-
粒謝謝 棒棒噠
Halo_
TA貢獻(xiàn)23條經(jīng)驗(yàn) 獲得超10個(gè)贊
通俗點(diǎn)說塊元素可以作為容器，占據(jù)特定的一塊空間，而內(nèi)聯(lián)元素只能放到容器里面去，自動(dòng)填充。
Suber丶林
TA貢獻(xiàn)75條經(jīng)驗(yàn) 獲得超180個(gè)贊
塊級(jí)元素(塊元素、塊狀元素都是指同一樣?xùn)|西，叫法不同而已)：寬度默認(rèn)100%，也就是會(huì)獨(dú)占一行，其他元素會(huì)被其擠到下一行，如div，p，header，ul
內(nèi)聯(lián)元素(行內(nèi)元素)：內(nèi)容多少，寬度就多少，內(nèi)聯(lián)元素之間以橫排方式排列一行，如span，em，small，a，內(nèi)聯(lián)元素設(shè)置豎直方向的margin和padding是不起效果的。
添加回答
舉報(bào)
0/150
提交
取消