块元素和行级元素

块元素

常见块元素

<h1>——<h6>,<p>,<div>,<ul>,<ol>,<li>

块级元素特点

1. 独占一行
2. 高度，宽度，外边距及内边距都可以控制
3. 宽度默认是容器（父级宽度）的100%
4. 是一个容器盒子，里面可以放行内或块级元素

注意

文字类的元素内不能使用块内元素

<p>里不能放块级元素，特别不能放<div>

行内元素

<a>,<em>,<strong>,<i>,<span>,其中<span>标签是最典型的行内元素

1. 行内元素的特点
2. 相邻行内元素在一行上，一行可以显示多个
3. 高，宽直接设置是无效的
4. 默认宽度就是它本身内容的宽度
5. 行内元素只能容纳文本或其他行内元素

行内块内元素

特点

1. 和相邻行内元素在一行上，但是他们之间会有空白缝隙
2. 默认宽度就是它本身内容的宽度
3. 高度，行高，外边距及内边距都可以控制

转化为块元素：display:block;

转化为行内元素：display:inline;

转化为行内块；display:inline-block;