html元素类型：
html元素的类型主要可分为块级元素、行内元素、行内块元素分别对应的各自的display属性，block、inline、inline-block
- 块级元素：默认设置display:block的元素
[胡瓜]<div>、<h1>~<h6>、<p>、<ul>、<ol>、<li>等
特点：
a、前后都有换行符 （自己独占一行）；
b、高度、宽度、内外边距各方向可以自由控制；
c、默认宽度是父容器的100%;
d、里面可以放行内元素、行内块元素或块级元素;(文字类标签里面不能放块级元素)
2.行内元素/内联元素：默认设置display:inline的元素
<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<span>等
特点：
1、前后无换行符 （相邻的行内元素在一行上，一行可以有多个行内元素，但之间有空隙（可以设置负margin值解决，设置的大小各浏览器不一））；
2、设置的宽和高是不起作用，元素大小根据元素内文本决定； 竖直方向的margin无效，水平有效；竖直和水平方向的padding都有效（竖直方向的padding有效，但不会撑开周围的盒子）
3、行内元素里只能放文本或者行内元素；（a标签里可以放块级元素）
3.行内块元素：默认设置display:inline-block的元素
<img/>、<input/>、<td>等
特点：
1、前后无换行符 （相邻的行内元素在一行上，一行可以有多个行内元素，但之间有空隙（可以设置负margin值解决，设置的大小各浏览器不一））；
2、默认的宽度为内容决定；可以设置宽高，会覆盖默认的宽度；
3、各个方向的margin和padding都有效