HTML CSS基础（二）

块元素和行内元素

HTML元素根据表现形式，可以分为2类：

• （1）块元素（block）；
• （2）行内元素（inline）；

任何HTML元素都属于这两类中的其中一类。

2、块元素特点：

• （1）独占一行，排斥其他元素跟其位于同一行，包括块元素和行内元素；
• （2）块元素内部可以容纳其他块元素或行元素；

3、行内元素特点：

• （1）可以与其他行内元素位于同一行；
• （2）行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果。

在这里，所谓的“独占一行”并不是在代码中独占一行，而是在浏览器显示效果中独占一行。

 

表1 常见块元素

块元素	说明
div	div层
h1～h6	1到6级标题
p	段落，会自动在其前后创建一些空白
hr	分割线
ol	有序列表
ul	无序列表

 

 

表1 常见行内元素

行内元素	说明
strong	加粗强调
em	斜体强调
s	删除线
u	下划线
a	超链接
span	常用行级，可定义文档中的行内元素
img	图片
input	表单