css元素

CSS昱示模式
概述：显示模式是指元素以什么方式显示，如div默认独占一行，span默认可以多个在一行排列，了解它们的特点与分类可以更好的布局网页。HTML元素一般分力块级元素与行内元素、 行内块元素三大显示模式。
2.1、元素默认显示模式与元素特性总结
。本身属性为 display:block 的元素称为块级元素
。常快級元素 div, h1-h6, p, u, li, dl, dt, ol
・本身属性力 display:inline 的元素称力行級元素
。常见行级元素：span,strong,em,i,a,b
。本身属性为display:inline-b1ock的元素称为行级块万素
。常见行内块元素：img,input(表单元素后续会讲到）
2.2、块级元素特性总结
•独成一行，可以设置宽高
•在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度
•在不设置高度的情況下，块级元素的高度是它本身内容的高度
・可以没置上下左右的内辺距和外辺距

常见块级元素
center - 居中对齐
div - 常用块级容器
p - 段落
dl - 定义列表
ul - 无序列表
ol - 有序列表
form - 交互表单
h1 - 大标题
h2 - 副标题
h3 - 3级标题
h4 - 4级标题
h5 - 5级标题
h6 - 6级标题
hr - 水平分隔线
pre - 格式化文本
table - 表格

行内元素又称为内联元素。 内联元素(inline element)包括：

* a - 锚点

* abbr - 缩写

* acronym - 首字

* b - 粗体(不推荐)

* bdo - bidi override

* big - 大字体

* br - 换行

* cite - 引用

* code - 计算机代码(在引用源码的时候需要)

* dfn - 定义字段

* em - 强调

* font - 字体设定(不推荐)

* i - 斜体

* img - 图片

* input - 输入框

span - 常用内联容器，定义文本内区块
* strike - 中划线
* strong - 粗体强调
* sub - 下标
* sup - 上标
行内块元素
display:inline-block特点：
和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙，一行可以显示多个。
默认宽度就是它本身内容的宽度。
高度，行高、外边距以及内边距都可以控制。