行内元素有哪些?块级元素有哪些?空(void)元素有哪些?inline与inline

行内元素有哪些?块级元素有哪些?空(void)元素有哪些?inline与inline

行内元素有哪些?块级元素有哪些?空(void)元素有哪些?

行内元素有哪些行级元素是,在HTML文档中可以一行显示的元素,不会换行。

a(锚点元素)、b(粗体)、br(换行)、code、em(强调)、font(字体设置)、i(斜体)、img(图片)、input(输入框)、span、strong(粗体强调)、textarea、u等;块状元素有:address(地址)、blockquote(块引用)、center(居中对齐块)、div、h1~h6(标题)、hr(水平分隔线)、p、ul、ol等。

块级元素有哪些块级元素是会换行的。

三大列表和表格、六大标题和表单、段落地址要分块

div、h1-h6、form、p、li、ol、li、dl、dt、dd、address、caption、table、tbody、td、tfoot、th、thead、tr

空(void)元素空元素就是没有内容的 HTML 元素,是在开始标签中就关闭的元素。

通俗点来讲空元素就是能不成对出现的标签

br、hr、col、area、base、img、input、link、source等等

元素之间的转换通过给div添加display:inline条件,可以让块级元素变为行级元素,如果添加display:inline-block,那就是变成行内块元素。

inline与inline-block的区别是,后者多了一个block属性,具有块级元素的宽和高的特性。

块级元素中可以设置 width、height、padding、margin 等属性。

代码语言:javascript代码运行次数:0运行复制

Document

极客李华

李华

运行结果

从结果上看,可以发现两个元素的内容到了同一行。

总结行内元素的属性为:display:inline ===>不独占一行,并且不可以设置宽高

块级元素的属性为:display:block ===> 独占一行,并且可以设置宽高

行内块元素的属性为:display:inline-block ===> 不独占一行,可以设置宽高

相关任务

盒子365app下载 惠普智能后视镜真的能提高驾驶安全性吗?
365体育网在线手机版 手机怎么切换苹果id账号 手机怎么切换apple id账号
365速发app下载平台注册 GGWP是什么意思?快速了解网络热词GGWP