1、行级元素
1-1、常见行级元素:
行级元素 说明
strong 加粗强调
em 斜体强调
s 删除线
u 下划线
a 超链接
span 常用行级,可定义文档中的行内元素
img 图片
input 表单
1-2、行级元素特点:
(1)有多宽占多宽,不是一个完整的盒子,不可设置宽高、垂直方向的内边距等;
(2)行级内部可以容纳其他行级元素,但不可以容纳块元素!
(3)可以与其他行级元素位于同一行;
2、块级元素
2-1、常见块元素:
块元素 说明
div div层
h1~h6 1到6级标题
p 段落,会自动在其前后创建一些空白
hr 分割线
ol 有序列表
ul 无序列表
2-2、块级元素特点:
(1)默认独占一行,是一个完整的盒子,可设置宽高等;
(2)块元素内部可以容纳其他块元素或行元素;
(3)排斥其他元素跟其位于同一行,包括块元素和行内元素;
3、行内块级元素
3-1、常见行内块元素:
块元素 说明