html - 块和内嵌

标签的分类：块和内嵌类型。（块级元素，内联元素）

实验：

div, span {
    width: 100px;
    height: 100px;
    background: red;
}
...
<div>div1</div>
<div>div2</div>

<span>span1</span>
<span>span2</span>

区别：
块： 1.独占一行，不设置宽度的时候默认是占满一行； 2.支持所有样式；
内嵌：1.多个可以在一行显示，宽度怎么设置都是自己内容的填充宽度； 2.不支持宽高，对上下的margin和padding等样式支持的也有问题；3.换行会解析为一个空格，会产生距离。

font-family:"宋体";
font-size:20px；
这样的样式的话：那么空格这种特殊符号的宽度是font-size的一半（10px）。一个字占得宽高都是20px； 

---

常用标签是块还是内嵌：

块：div, li,hx, p, dt, dd
内嵌：ul,ol, dl,span, em, strong, img, a