標簽顯示模式
1.1.1) 塊級元素(block-level)
常見的塊級元素<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等,其中<div>標簽是典型的塊元素,
塊級元素的特點
(1)比較霸道,自己獨占一行
(2)高度,寬度,外邊距和內邊距都可以控制
(3)寬度默認是父元素寬度的100%
(4)是一個容器及盒子,里面可以放行內或者塊級元素
1.1.2 )行內元素(inline-level)
常見的行內元素<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u>,<sapn>等,其中<sapn>標簽是典型的的行內元素,
行內元素的特點
(1)相鄰行內元素可以在一行上
(2)高和寬直接設定是無效的
(3)默認寬度就是它本身的寬度
(4)行內元素只能容納本文或者其他行內元素
1.1.3 )行內塊元素(inline-block)
在行內元素中有幾個特殊的標簽<img/>,<input>,<td>,可以對他們設定寬高和對齊的屬性,這就是行內塊元素
行內塊元素的特點
(1)和相鄰的行內元素在一行上,但是之間會有空白的縫隙,
(2)默認寬度就是他本身內容的寬度,
(3)高度,行高,外邊距以及內邊距都可以設定
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/7560.html
標籤:AI
上一篇:css隱藏元素的幾種方式及區別 display:none visibility:hidden opacity 元素隱藏
下一篇:2020-09-10
