html 块状元素转换,HTML的display属性将行内元素、块状元素、行内块状元素互相转换以及三者的区别...

1.行内元素

(1)设置宽高无效

(2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间

(3)不会自动进行换行

行内元素 代码改变世界

(1)能够识别宽高

(2)margin和padding的上下左右均对其有效

(3)可以自动换行

(4)多个块状元素标签写在一起，默认排列方式为从上至下

测试案例

代码改变世界

代码改变世界

3.行内块状元素

行内块状元素综合了行内元素和块状元素的特性，但是各有取舍。因此行内块状元素在日常的使用中，由于其特性，使用的次数也比较多。

(1)不自动换行

(2)能够识别宽高

(2)margin和padding的上下左右均对其有效

(3)默认排列方式为从左到右

行内块状元素

代码改变世界

代码改变世界

4.display属性转换

(1)display:inline;转换为行内元素

(2)display:block;转换为块状元素

(3)display:inline-block;转换为行内块状元素

5.行内元素列表 标签可定义锚表示一个缩写形式定义只取首字母缩写字体加粗可覆盖默认的文本方向大号字体加粗
换行引用进行定义定义计算机代码文本定义一个定义项目定义为强调的内容斜体文本效果向网页中嵌入一幅图像输入框定义键盘文本标签为 元素定义标注(标记)定义短的引用定义样本文本创建单选或多选菜单呈现小号字体效果组合文档中的行内元素语气更强的强调的内容定义下标文本定义上标文本多行的文本输入控件打字机或者等宽的文本效果定义变量

6.块级元素列表

定义地址定义表格标题定义列表中定义条目

定义文档中的分区或节

定义列表中的项目定义一个框架集创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题

定义标题

定义最小的标题创建一条水平线元素为

元素定义标题标签定义列表项目为那些不支持框架的浏览器显示文本，于 frameset 元素内部定义在脚本未被执行时的替代内容

1. 定义有序列表

• 定义无序列表

标签定义段落

定义预格式化的文本