学习笔记：标签的显示模式

一般分为块标签和行内标签两种

（1）块级元素
通常会独自占据一整行或者多整行，可以对其设置宽度，高度，对齐等属性，常用于网页布局和结构搭建。常见的有<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>，其中div是最典型的。div最适合布局
h300+tab直接生成height:300px
特点：
1，总是从新行开始
2，高度，行高，外边距以及内边距都可以控制
3，宽度默认为容器的100%
4，可以容纳内联元素和其他块元素

（2）行内元素
不占有独立的区域，仅靠自身的字体大小和图像尺寸来支撑结构，常用于控制页面中文本的样式
常见的有<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u>,<span>等
特点：1，和相邻元素在一行上
2，高，宽（取决于内容的宽度）无效，但水平方向上的padding和margin可以设置，垂直方向的无效
3，默认宽度就是它本身内容的宽度
4，行内元素只能容纳文本或者其他行内元素，a特殊

注意：1，只有文字才能组成段落，因此p里边不能放块级元素，同理还有h，dt等，他们都是文字级块级标签，里面不能放其他块级元素
2，链接里面不能再放链接

（3）行内块元素
<img/><input/><td>等
1，和相邻行内元素（行内块）再一行上，但是之间会有空白缝隙
2，默认宽度就是它本身内容的宽度
3，高度，行高，外边距以及内边距都可以控制

（4） 显示模式转换
display：inline； 把块级元素转换为行内元素
display：block； 把行内元素转换为块级元素
display：inline-block； 把行内元素转换为行内块元素