1、块级元素：block 每个块级元素默认占据一行高度。 向行中添加块级元素后，无法再添加其他元素（float 之后除外）。 当连续编辑两个块级元素时，它们会自动换行并显示在页面上。 块级元素一般可以嵌套块级元素或内联元素；

块级元素通常表现为组织结构的容器，但情况并非总是如此。一些块级元素，例如

只能包含块级元素。其他块级元素可以包含行级元素，例如

其他元素可以同时包含块级和行级元素。

div

它是最常用的块级元素和元素样式。

display:block

全部都是块级元素。 它们总是以块的形式表示，并与同级的兄弟块按顺序垂直排列，填满左右两侧。

2、行内元素：也称行内元素、行内元素等； 内联元素一般是基于语义级别（）的基本元素，只能容纳文本或其他内联元素。 常见的行内元素“a”是常见的。 例如SPAN元素、元素样式：都是内联元素。 例如，文本等元素在字母之间水平排列，并自动折叠到右端。

三、块元素的特点： 1、总是换行；

②. 高度、行高、边距、内边距均可控制；

③. 除非设置了宽度，否则宽度默认为其容器的 100%。

④. 它可以容纳内联元素和其他块元素

4、要素特征①． 与其他元素在同一行；

②. 高度、行高、边距和填充不能更改；

③. 宽度是其文本或图片的宽度，不能更改。

④. 行内元素只能容纳文本或其他行内元素。

对于内联元素，需要注意以下几点

设置宽度width 无效。
设置高度height 无效，可以通过line-height来设置。
设置margin 只有左右margin有效，上下无效。
设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。

5. 常用块元素

address – 地址
blockquote – 块引用
center – 举中对齐块
dir – 目录列表
div – 常用块级容易，也是CSS layout的主要标签
dl – 定义列表
fieldset – form控制组
form – 交互表单
h1 – 大标题
h2 – 副标题
h3 – 3级标题
h4 – 4级标题
h5 – 5级标题
h6 – 6级标题
hr – 水平分隔线
isindex – input prompt
menu – 菜单列表
noframes – frames可选内容，（对于不支持frame的浏览器显示此区块内容
noscript – 可选脚本内容（对于不支持script的浏览器显示此内容）
ol – 有序表单
p – 段落
pre – 格式化文本
table – 表格
ul – 无序列表

6. 常见的行内元素

a – 锚点
abbr – 缩写
acronym – 首字
b – 粗体(不推荐)
bdo – bidi override
big – 大字体
br – 换行
cite – 引用
code – 计算机代码(在引用源码的时候需要)
dfn – 定义字段
em – 强调
font – 字体设定(不推荐)
i – 斜体
img – 图片
input – 输入框
kbd – 定义键盘文本
label – 表格标签
q – 短引用
s – 中划线(不推荐)
samp – 定义范例计算机代码
select – 项目选择
small – 小字体文本
span – 常用内联容器，定义文本内区块
strike – 中划线
strong – 粗体强调
sub – 下标
sup – 上标
textarea – 多行文本输入框
tt – 电传文本
u – 下划线

7. 行内元素和块级元素有什么区别？ 区别一：

块级：块级元素会占据独占行，宽度默认会自动填充其父元素的宽度。

行内：行内元素不会占据一行，相邻的行内元素会排列在同一行。 它的宽度随着内容的变化而变化。

区别二：

块级：块级元素可以设置宽度和高度

：行内元素的宽度和高度不能设置

区别三：

块级：可以设置块级元素，

内联：-左； -正确的; -左边; -正确的; 在水平方向的行内元素才能生效。 但垂直方向-； -顶部; -顶部; -; 不生效。

区别四：

块级别：：块；

排队：：;

可以通过修改属性来切换块级元素和内联元素