今天我们说说块元素和行内元素，这两个概念极其重要，是CSS层叠样式表的基础知识。
在浏览器的显示效果中，有些元素（即标签符）能够独占一行，比如h1~h6，p，div等。（注解：标签又叫元素，例如<p>标签，又叫p元素，叫法不同，但是意思相同。在HTML中多数都称为标签，但是在有CSS，JavaScript混合的时候，称为元素会更方便些。）
在HTML元素中，根据显示的方式，分类为两类，一类是块元素block，另一类是行内元素inline；
| 常见块元素 | |
| 块元素 | 说明 |
| div | 分隔区或分隔层 |
| h1~h6 | 标题1级到6级 |
| p | 段落，会自动换行 |
| hr | 水平分隔线 |
| ol | 有序列表 |
| ul | 无序列表 |
表中列出了HTML入门常见的块元素，并不是全部的，另外关于有序列表和无序列表，我们还没有讲到，后期给大家分享。
<html><head><title>块元素和行内元素</title></head><body><div><h3>我是标题，是块元素，独占一行</h3><p>我是段落，是块元素，也独占一行</p><strong>我是粗体，是行内元素，不换行</strong><em>我是斜体，是行内元素，不换行</em></div></body></html>
上面代码中，网页运行效果，h3和p会独占一行，而strong和em因为是行内元素，不会换行显示，这就是块元素和行内元素的区别了。
| 常见行内元素 | |
| 行内元素 | 说明 |
| strong | 对字体加粗强调 |
| em | 对字体斜体强调 |
| s | 删除线 |
| u | 下划线 |
| a | 超链接 |
| span | 常用行内元素，可以定义文档一行显示 |
| img | 图片 |
| input | 表单控件 |
<a>超链接，<span>，<img>，<input>，我们还没有讲到，后期给大家分享，这里只是列举出来。
行内元素的特点是，可以与其他行内元素在同一行显示，行内元素可以容纳其他行内元素，但是不能容纳块元素。这一节的内容比较概念性，但是很重要，因为理解了块元素和行内元素，后期学习CSS时就会很方便的。
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
