CSS元素三种显示模式

元素显示模式就是元素（标签）以什么方式进行显示，比如

独占一行，比如一行可以放多个 。作用能够更好的布局网页。

HTML元素一般分为块元素和行元素两种类型。

块元素

等

特点：

1. 独占一行。

2. 宽度高度内外边距可以控制。

3. 是一个容器及盒子，里面可以放行内或者块级元素。

注意：

• 文字类元素内不能放块级元素。

• 里面不能放其他块级元素

• 也不能放其他块级元素

行内元素

等也称为内联元素。

特点：

1. 相邻行内元素在一行上，一行可以显示多个

2. 高宽直接不能设置

3. 默认宽度是本身的宽度

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

注意：

• 链接里面不能放其他元素

• 特殊情况链接里面可以放块级元素，转换一下最安全。

行内块元素

在行内元素中他们同时具有块元素和行内元素的特点。

1. 和相邻行内元素在一行上，但是之间有空白缝隙，一行可以显示多个

2. 默认高度是本身内容的高度

3. 高度，行高，内外边距可以控制

元素模式的转换

一种模式的元素需要另一种模式的特性。

行转块语法：display:block;

块转行语法：display:inline;

行内块：display:inline-block;

小工具 snipaste

常用快捷键

F1可以截图，测量大小，设置箭头，书写文字

F3在桌面置顶显示

点击图片，alt键可以取色

ESC取消图片显示