块级元素：就是一个方块，像段落一样，默认占据一行出现；
内联元素：又叫行内元素，顾名思义，只能放在行内，就像一个单词，不会造成前后换行，起辅助作用。
一般的块级元素诸如段落<p>、标题<h1><h2>...、列表,<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........ 块级无素的显著特点是：每个块级元素都是从一个新行开始显示，而且其后的无素也需另起一行进行显示。
块级元素默认占据一行，相当于在它之前和之后各插入了一个换行；而内联元素span没对显示效果造成任何影响，事实也是如此；em只是让字体变成了斜体，也没有单独占据一行。这就是块级元素和内联元素，正因为有了这些元素，才使我们的网页变得丰富多彩。
如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要的位置上去。而不是每次都愚蠢的另起一行。也就是说，可以用css的display:inline将块级元素改变为内联元素，也可以用display:block将内联元素改变为块元素。
文章出处：标准之路(http://www.aa25.cn)
相关推荐
块级元素和内联元素的主要区别在于它们在页面布局中的表现形式。块级元素如`<div>`, `<h1>`, `<p>`等，会自然地在垂直方向上产生新的行，而内联元素如`<span>`, `<a>`, `<em>`等则保持在当前行内，允许文本和其他...
##### 示例2：转换块级元素和内联元素 ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <title>CSS在线-示例 测试<span>紧跟前面...
在XHTML的嵌套规则中，块级元素可以包含内联元素和其它块级元素，而内联元素只能包含内联元素。例如，一个<div>块级元素可以包含一个或多个块级元素，而一个块级元素内部可以包含<span>、等内联元素，但不能直接包含...
块级元素还可以包含其他块级元素和内联元素，但某些特定元素（如`<p>`）只能包含内联元素，不允许嵌套块级元素。 相比之下，内联元素（如`<span>`、`<a>`、`<strong>`、`<em>`、`<label>`、`<input>`、`<select>`、...
5. **XHTML的块级元素（div）和内联元素（span）**： - **块级元素**：占据整个宽度，每个块级元素都从新的一行开始，例如`<p>`、`<h1>`、`<div>`等。在没有CSS的情况下，它们会按照顺序垂直排列。 - **内联元素**...
1. 元素分类：块级元素（如`<div>`、`<p>`）和内联元素（如`<span>`、`<a>`），块级元素通常占据整行，内联元素则按顺序排列。 2. 属性规范：属性名小写，属性值用双引号包围，如`...
本文主要探讨XHTML标签的嵌套规则，尤其是块级元素和内嵌元素之间的关系。 首先，XHTML标签分为块级元素（block-level elements）和内嵌元素（inline elements）。块级元素如`<div>`、`<ul>`、`<li>`、`<h1>`到`...
5. 块级元素和内联元素：在HTML中，元素可以被分为块级元素（如div、p）和内联元素（如span、a）。块级元素独占一行，而内联元素则可以与其他内联元素在同一行内显示。 在实战篇中，教程详细介绍了如何通过实例来...
1. 元素分类：XHTML元素分为块级元素（如`<div>`、`<p>`）和内联元素（如`<span>`、`<a>`）。块级元素会自动换行，内联元素则在同一行内显示。 2. 属性命名：属性名应遵循XML命名规则，只能包含字母、数字和下划线...
1. 块级元素：如`<div>`, `<p>`, `<h1>`至`<h6>`，它们通常独占一行，可以包含其他块级或内联元素。 2. 内联元素：如`<span>`, `<a>`, `<b>`，它们不会独占一行，常用于文本格式化或链接。 四、XHTML与CSS结合 ...
在文档主体部分，我们可以看到一个简单的网页结构示例，使用`<div>`标签来创建块级区域，`<span>`标签来创建内联元素。页面被分成了三个主要部分： - **头部（header）**：包含网站标识（logo）和导航条（nav）。 -...
而`inline`元素（如`span`）与其他元素在同一行显示，宽度和高度不受控制。`display:block`可以将内联元素转换为块级元素，`display:inline`或`display:table`则可以让块级元素在同一行排列。 5. **IE与宽度和高度...
9. **块级和行内元素**：2-10.html DIV与SPAN块和行级别修饰符.doc讨论了`<div>`和`<span>`。`<div>`作为块级元素，可以包裹其他元素，常用于布局；`<span>`为行内元素，用于在文本中应用样式。C#中使用...
- 特殊的块级元素，如`h1`至`h6`、`p`、`dt`，只能包含内联元素。 - `li`可以包含`div`，因为它们都是内容容器。 - 块级元素不应被置于`p`标签内，以避免语义错误。 二、CSS规范 1. 命名空间 - 命名空间有助于提高...
4. 行内元素和块级元素的区别 行内元素不能设置宽高，不独占一行，而块级元素可以设置宽高，独占一行。 5. 让行内元素跟上面的元素距离10px 可以使用margin-top和padding-top，但是这两个属性对于行内元素无效。 ...
4. **内联与块级元素**：了解如何正确使用内联元素（如`<span>`、`<a>`）和块级元素（如`<div>`、`<p>`），以及它们在布局中的作用，是XHTML基础中的重要部分。 **Ajax核心技术** 1. **XMLHttpRequest对象**：Ajax...
内联元素（inline elements）如`<span>`、`<a>`和`<img>`等，则与周围的文本或其他内联元素共享同一行空间，常用于控制文本样式或插入图像。 ### 表格的使用 表格在XHTML中通过`<table>`标签创建，配合`<tr>`（行...
- 块级元素（如<div>、）占据整行，内联元素（如、<span>）只占据自身内容的宽度，理解这两者的区别对于布局至关重要。 **课程内容** - **第一课：盒模型、块状元素与内联元素、CSS选择器** - 学习如何使用CSS...