行内元素和块级元素和空元素

1>块级元素：独占一行，支持所有样式，不设置宽高时为高度为其内容高度，宽度为父元素宽度，换行符不解析。

常见的块级元素：div,p,h1~h6,ul,li,ol,hr,form

2>行内元素：可以在一行显示，不可以设置宽高，宽度有内容撑开，高度随字体大小而改变，上下margin,padding会出问题,换行符解析。

常见的行内元素：span,br,img,a,big,samll,em,sub,sup

1. 空元素：没有内容的html元素，在开始标签中关闭

常见的空元素：img,input,br,hr,meta，area

area元素：形成矩形，圆形，多边形可点击区域，属于图像映射，被包含在map标签中，与img元素对应

参数说明：

”circle/rectangle/polygon” coords=”坐标”/>

4>元素分为替换元素与非替换元素。几乎所有替换元素都是行内元素。

替换元素：就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。如浏览器会根据src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容;又如由的type属性来决定是显示输入框，还是单选按钮等。

非替换元素：如p a span div这些，即其内容直接表现给用户端（例如浏览器）。
所以行内元素也就分为行内替换元素img input,与行内非替换元素span a…对于二者css修饰起来是有差别的。

行内非替换元素：其宽高设置无效， 对于内外边距，边框，可以设置，但是垂直方向的设置并不会影响文档流布局，所以设置垂直内外边距是没有效果的。

行内替换元素：除了具备行内元素同行并列的特点，他可以设置影响文档流布局的内外边距以及宽高。 且设置高度等同于设置行高，会垂直居中