一、元素
1. 行内元素
特性：
1）在一行内可以有多个行内元素
2）设置宽度width无效；设置高度无效，可以通过设置line-height来设置；设置margin只有左右有效，上下无效；设置padding只有左右有效，上下无效
3）只能包含行内元素
4）遇到父级元素边界会自动换行
常用行内元素：span、img、a、input、textarea、select、strong、lable、button、abbr（缩写）、em（强调）、cite（参考文献引用）、i（斜体）、q（引号）、small、big、sup（上标）、sub、u（下划线）等
特殊的行内元素：input、img、textarea、select、button、label。这些行内元素又被称为置换元素，它们默认地设置了宽高，性质等同于设置了 display:inline-block
置换元素：（浏览器根据元素的标签和属性，来决定元素的具体显示内容），置换元素在其显示中生成了框，故可以设置width、height、padding、margin，表现等同于设置了 display:inline-block
行内元素的间距：相邻的两个行内元素之间会有间距
去除行内元素之间的间距有以下两种办法：
1）重设字体。将行内元素的直接父级设置font-size:0px；再给行内元素设置字体大小即可解决
2）借助HTML注释。在两个行内元素之间加入注释
2. 块元素
特性：
1）独占一行；
2）可以设置宽、高；不设置宽度时默认为100%；
3）块元素可以包含行内元素和块元素
常用块元素：div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等
3. 行内块元素
特性：
1）元素排列在一行
2）宽度默认由内容决定
3）元素间默认有间距
4）支持宽高、外边距、内边距的所有样式的设置