一楚午、塊級元素(block-level)
常見的塊元素有<h1>~<h6>宴偿、<p>湘捎、<div>、<ul>窄刘、<ol>消痛、<li>等,其中<div>標簽是最典型的塊元素都哭。
- 塊級元素的特點
(1)比較霸道,自己獨占一行
(2)高度逞带,寬度欺矫、外邊距以及內(nèi)邊距都可以控制。
(3)寬度默認是容器(父級寬度)的100%
(4)是一個容器及盒子展氓,里面可以放行內(nèi)或者塊級元素穆趴。
- 注意:
- 只有 文字才 能組成段落 因此 p 里面不能放塊級元素,特別是 p 不能放div
- 同理還有這些標簽h1,h2,h3,h4,h5,h6,dt遇汞,他們都是文字類塊級標簽未妹,里面不能放其他塊級元素。
二空入、行內(nèi)元素(inline-level)
常見的行內(nèi)元素有<a>络它、<strong>、<b>歪赢、<em>化戳、<i>、<del>埋凯、<s>点楼、<ins>、<u>白对、<span>等掠廓,其中<span>標簽最典型的行內(nèi)元素。有的地方也成內(nèi)聯(lián)元素
- 行內(nèi)元素的特點:
(1)相鄰行內(nèi)元素在一行上甩恼,一行可以顯示多個蟀瞧。
(2)高沉颂、寬直接設(shè)置是無效的。
(3)默認寬度就是它本身內(nèi)容的寬度黄橘。
(4)行內(nèi)元素只能容納文本或則其他行內(nèi)元素兆览。
[圖片上傳失敗...(image-a365a2-1624978915160)]
注意:
鏈接里面不能再放鏈接。
特殊情況a里面可以放塊級元素塞关,但是給a轉(zhuǎn)換一下塊級模式最安全抬探。