css元素显示

目录

元素显示：

块元素 ：

行内元素 ：

行内块元素：

元素显示模式转化

---

元素显示：

三种元素 ：块元素、行内元素、行内块元素。

块元素 ：

        独占一行，可以控制宽高、内外边距，默认继承父容器的宽高，是一个盒子，里面可以放块元素和行内元素。文字类元素不能放块级元素。例如 div。

行内元素 ：

        行内元素，相邻在同一行，不能设置高宽边距，默认宽高为内容大小。里面可以放文本或者其他行内元素。链接里面不能放链接。例如 p。

行内块元素：

        同时拥有块元素和行内元素的特点，可以在一行内显示，中间有空白间隙，默认高宽为内容的高宽，可以控制宽高内外边距。例如 img。

元素显示模式转化

一个模式的元素需要另一种模式的特性。比如增加< a > 的触发范围。

转成块元素 ：display : block;

转成行内元素 ：display : inline;

转成行内块元素 ：display：inline-block;