如何區(qū)別內(nèi)聯(lián)元素,塊狀元素,內(nèi)聯(lián)塊狀元素?
內(nèi)聯(lián)元素->塊狀元素:display:block
塊狀元素->內(nèi)聯(lián)元素:display:inline
元素->內(nèi)聯(lián)塊狀元素:display:inline-block
內(nèi)聯(lián)元素->塊狀元素:display:block
塊狀元素->內(nèi)聯(lián)元素:display:inline
元素->內(nèi)聯(lián)塊狀元素:display:inline-block
2016-03-13
舉報
2016-03-13
在CSS中,html中的標簽元素大體被分為三種不同的類型:塊狀元素、內(nèi)聯(lián)元素(又叫行內(nèi)元素)和內(nèi)聯(lián)塊狀元素。
常用的塊狀元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的內(nèi)聯(lián)元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的內(nèi)聯(lián)塊狀元素有:
<img>、<input>
下面的只是來自于課程15-9:
有一個有趣的現(xiàn)象就是當為元素(不論之前是什么類型元素,display:none 除外)設置以下 2 個句之一:
position : absolute
float : left 或 float:right
元素會自動變?yōu)橐?display:inline-block?的方式顯示,當然就可以設置元素的 width 和 height 了且默認寬度不占滿父元素。
2017-08-20
? ? ? ? ? ? ? ? ? ? ? ? ? ?獨占一行???????? 能設置寬高?????豎直方向的margin,padding?????水平方向的margin,padding
塊狀元素:???????????????是????????????????????? 是???????????????????????有,可以設置?????????????????????????? 有,可以
?
內(nèi)聯(lián)元素:?????????????? 否??????????????????????否???????????????????????????不可以??????????????????????????????????有,可以
2016-11-21
個人這樣理解的:塊狀元素:一般是其他元素的容器,可容納內(nèi)聯(lián)元素和其他塊狀元素。
?????????????????????????? 行內(nèi)元素:則允許同其他元素一起構(gòu)成在一行。
2016-08-07
很簡單,塊狀指定一塊區(qū)域,是比較大的一類元素;內(nèi)聯(lián)當然是用在塊狀里面任意位置,影響范圍小于塊狀;內(nèi)聯(lián)塊狀也是指定一塊區(qū)域,不過影響范圍小于塊狀元素,而且可以用在塊狀區(qū)域里面,謝謝
2016-03-31
塊狀: 獨占一行,可設置寬高之類的,樣式顯示的也許小于等于元素。
內(nèi)聯(lián):多個元素可在一行,css樣式一定是隨著標簽內(nèi)的元素多大就是顯示樣式就多大。
內(nèi)聯(lián)塊狀:多元素可在一行,還能設置寬高。
綜合一下,不知你能否理解。
2016-03-30
個人認為他們間有兩個特點(差異)1.是否獨占一行 ? 2.是否手動可設置大小
2016-03-13
塊狀元素一般都是比較大的父級元素,而內(nèi)聯(lián)元素一般都是下面的子集元素,內(nèi)聯(lián)塊狀就是2者相結(jié)合的能自己定義一段內(nèi)容的,以上純屬本人初學的觀點,樓主看看就好