一、块级元素和行内元素

1.行内元素

a img span b strong input select section

2.块级元素

div p table ul lo li h1-h6 dl dt

3.区别

块级元素会独占一行 默认的宽度占满父级元素，行内元素不会换行；

行内元素的width height 无效；

块级元素可以设置margin和padding属性，行内元素padding-left、padding-right，margin-left，margin-right（水平方向），有边距效果，padding-较好，padding-bottom，margin-较好，margin-bototm，（垂直方向）没有边距效果，本质（浏览器将块级元素的dispaly属性默认为block，行内元素属性默认为inline，因此行内元素与块级元素的切换可以通过修改display属性实现）。

延伸阅读：

二、元素的嵌套

HTML 中的各个元素之间是可以互相嵌套的，例如：

块元素可以嵌套块元素；

块元素可以嵌套行内元素；

行内元素可以嵌套行内元素；

行内元素可以嵌套块元素。

值得注意的是我们不建议在行内元素中嵌套块元素，这样不仅不符合开发规范，还会导致行内元素也独占一行。

三、空元素

在用来描述网页的计算机语言中，有一种超文本标记语言，被称为HTML(Hyper Text Markup Language) 。而构成HTML内容的标记语言是由一套标记标签组成。这套标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 ，通常是成对出现的，比如 和 。这些成对出现的HTML 标签，名列前茅个标签是开始标签，第二个标签是结束标签。大多数HTML标签在开始标签和结束标签之间都具有内容，而某些标签则没有内容。

HTML中，从开始标签（start tag）到结束标签（end tag）的所有代码，被称为HTML元素。

由于HTML元素的内容是开始标签与结束标签之间的内容。而某些 HTML 元素具有空内容。（empty content），那些含有空内容的HTML元素，就是空元素。空元素是在开始标签中关闭的。

以上就是关于块级元素和行内元素的内容希望对大家有帮助。

上一篇

什么是边缘 AI?

下一篇

cad的启动方式包括那些?