HTML元素在CSS中的分类

元素是组成HTML文档的基本结构，比如h1、p、ul、div等等。在CSS中，元素可以分为 “替换元素”与"非替换元素"。如果站在元素显示的效果上看，那么元素还可以分为"块级元素"和“行内元素”。

一、替换元素与非替换元素

（一）替换元素

元素在浏览器中所呈现的内容，并不是由元素在HTML文档中的内容直接表示的。

比如img元素，<img src="test.jpg"/>。 img元素并没有内容，它在浏览器中表现是HTML文档之外的一个图片。

（二）非替换元素

元素在浏览器中显示的内容，是其在HTML文档中的内容。比如p元素<p>第一段</p>，虽然p元素的颜色、字体等等样式按照作者的设计来表现，但是其内容“第一段”会显示器浏览器中。

二、块级元素与行内元素

（一）块级元素

块级元素的特点是：独占一行、默认宽度充满父级元素、可设置宽高、可包含其他块级元素、行内元素（注意p元素是例外。p元素是块级元素，但它只能包含行内元素）。

（二）行内元素

行内元素的特点是：和其他元素共处一行、默认宽度是其内容的宽度、不能设置宽高、可包含其他行内元素。