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

最新推荐文章于 2026-02-13 19:04:45 发布
原创 最新推荐文章于 2026-02-13 19:04:45 发布 · 6.9k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#css #css3
博客介绍了CSS规范中元素的display属性，该属性确定元素类型，每个元素都有默认display值。还列举了行内元素，如a、span等；块级元素，如div、ul等；以及常见的空元素，如<br>、<hr>等。

首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”，是“行内”元素。

 

（1）行内元素有：a b span img input select strong（强调的语气）

（2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p

（3）常见的空元素：    <br> <hr> <img> <input> <link> <meta>

    鲜为人知的是：    <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
FPGA上Arm Corstone SSE-300与Cortex-M55应用解析
最新发布
weixin_33726313的博客
05-15 413
FPGA（现场可编程门阵列）因其可重构性和并行计算能力，在嵌入式系统和边缘计算领域扮演着关键角色。通过部分重配置技术，FPGA能够实现动态硬件优化，提升资源利用率。Arm Corstone SSE-300子系统结合Cortex-M55处理器和Ethos-U55 NPU，为AIoT应用提供了完整的计算解决方案。这种架构特别适合需要同时运行固定功能模块和可变加速逻辑的场景，如实时信号处理与机器学习推理的结合应用。本文基于Xilinx Kintex Ultrascale XCKU115 FPGA平台，深入剖析了如
行内元素与块级元素详解
My_wife_QBL的博客
07-09 3709
行内元素是指那些不会开始新行，而是在同一行内连续显示的 HTML 元素。行内元素的宽度、高度和内外边距（margin 和 padding）通常只影响元素本身，不会影响周围元素的布局。块级元素是指那些在文档中会独占一行，并且可以设置宽度、高度和内外边距的 HTML 元素。块级元素的宽度默认会扩展到父元素的宽度，并且会开始新行。
CSS学习05：块元素、行内元素、行内块元素
玉安_ZhangDe的博客
03-23 9839
目录 1、块元素 常见的块元素： 块级元素的特点： 注意： 2、行内元素 常见的行内元素： 行内元素的特点： 注意： 3、行内块元素 常见的行内块标签： 行内块元素的特点： 三种元素的总结 1、块元素 常见的块元素： <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li> <div>是最常见的块元素 块级元素的特点： 自身独占一行 高...
行内元素详解
张木期的博客
08-20 4020
昨天晚上面试问我，行内元素如何设置宽高？我说设置无效，他说那怎样才有效呢？我只说了设置display:block或者display：inline-block,面试官那还有其他方法吗？我就不会了。我最崇拜的公司之一啊，希望还有机会，呜呜呜~~下面总结一下吧。。。。 HTML 行内元素 与块级元素 说说行内元素与块级元素以及之间的转换？ 1.常用的行内元素 <a> 标签可定义锚 <a...
什么是块元素?什么是行内元素?
qinge_Crazy的博客
07-02 5691
　　什么是块元素?什么是行内元素?想必学习web前端培训知识的同学们，课上都会有提到这一方面，如果对这个知识点还不是很熟悉，可以看看下面小编整理的内容。 　　什么是块元素?什么是行内元素? 　　HTML标签语言提供了丰富的标签，用于组织页面结构。为了使页面结构的组织更加轻松、合理，HTML标签被定义成了不同的类型，一般分为块元素和行内元素，也称为块标签和行内标签，了解它们的特性可以为使用CSS设置样式和布局打下基础。 　　1. 块元素 　　块元素在页面中以区域块的形式出现，其特点是，每个块元素通
块级元素、行内元素、行内块元素的区别
m0_59717262的博客
06-25 5419
不管块级元素还是行内元素，区别:一是排列方式，二是宽高边距设置，三是默认宽度。块级元素会独占一行，而行内元素和行内块元素则会在一行内显示；块级元素和行内块元素可设置 width、height 属性，而行内元素设置无效；块级元素的 width 默认为 100%，而行内元素则是根据其自身的内容或子元素来决定其宽度；而行内块级元素又同时拥有块级元素和行内元素的特点。
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？
weixin_45242865的博客
09-07 7056
行内元素有哪些？ 常用的行内元素： a - 锚点 em - 强调 br - 换行 img - 图片 font - 字体设定(不推荐) span - 常用内联容器，定义文本内区块 input - 输入框 label - 表格标签 select - 项目选择 strong - 粗体强调 不常用的行内元素： i - 斜体 b - 粗体(不推荐) q - 短引用； u - 下划线； s - 中划线(不推荐)； tt - 电传文本； sup - 上标； sub - 下标； big - 大字体； dfn - 定义
行内元素，块级元素，void空元素
肖肖肖丽珠的博客
06-30 475
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea 块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote void空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img
块级元素、行内元素、空元素(void)
-ELZ-
12-21 427
块级元素与行内元素区分：根据标记内容是否另起一行来区分。 行内元素： <a>、<span>、<em>、<img>、<input>、<select>、<strong>、<textarea> 块级元素： <div>、<form>、<p>、<h1&gt...
行内元素，块级元素， 空(void)元素
m0_54829066的博客
12-21 1075
注意：以上列出的元素都是 HTML 标准中的元素，但有些元素在 HTML5 中已被废弃或替换，比如：font、center、frame、frameset 等。块级元素有：div、p、h1-h6、ul、ol、li、table、form、blockquote、pre。行内元素有：a、b、span、img、input、button。空元素有：br、hr、img、input、link、meta。
行内元素有哪些？块级元素有哪些？ 空 (void) 元素有那些？
weixin_45422672的博客
02-13 418
HTML元素按显示特性可分为三类：行内元素（如<span>、<a>）、块级元素（如<div>、<p>）和空元素（如<img>、<br>）。行内元素不独占行，块级元素独占整行，空元素自闭合无内容。CSS的display属性可改变元素类型，HTML5新增的语义化元素（<header>等）默认为块级元素。行内块元素（如<input>）兼具行内和块级特性。
HTML基础知识（一）：行内元素，块级元素，行内块元素
前端
10-28 2万+
文章目录一、html元素分类二、块元素三、行内元素四、行内块元素五、替换元素和非替换元素六、元素转换 一、html元素分类 html元素：行内元素、块元素、行内块元素 二、块元素 常见的块级元素：< h1 >~< h6 >、< p >、< div >、< ul >、< ol >、< li >、< dd >、< dt >、< dl >等，其中 < div > 标签是最典型的
常见行内元素、块级元素、行内块元素
你，若盛开的专栏
04-11 1万+
1、常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。 2、常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、...
行内元素、块级元素、空元素的理解
番茄脸红了~
06-19 1359
了解基础的行内元素、块级元素、空元素，减少犯错率！
HTML块级元素、行内元素
f126735786585288的博客
12-11 1175
行内元素：a、abbr、acronym、b、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、samp、select、small、span、s、del、strike、strong、sub、sup、textarea、tt、u、var等。块状元素转换为行内元素。行内元素转换为块状元素。
display:flex布局，自动适应屏幕高度100%
热门推荐
web前端开发大全
02-28 2万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &l
CSS块元素、行内元素、行内块元素详解
m0_73941339的博客
03-16 2460
效果：两个元素分别独占一行，且的宽度为200px，默认宽度为父容器100%。宽度：默认占父容器的 100%（即父容器的宽度）。高度：默认由内容撑开（即内容的高度决定，不会自动占满父容器的高度）。HTML 结构 CSS 样式 运行结果：效果说明HTML 结构 CSS 样式 效果说明 效果：span和a在同一行显示，且无法设置宽高。行内块元素兼具块元素和行内元素的特点： 效果：图片和按钮水平排列，且可以设置宽高。元素嵌套规则：行内元素的空白间隙：display属性转换：为什么行内元
CSS中的块级元素、行内元素和行内块元素
葉無聞
12-10 1万+
元素是文档结构的基础，在css里面，每个元素生成了包含内容的框（box）,大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一整行的，有水平一个挨着一个的。比如：div 与span的显示方式不一样，因为 div是块级元素，会占据一行，而span为行内元素，可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。 块级元素 block 块级元素，顾...
块级元素和行内元素，行内块元素
qq_37391214的博客
02-01 1万+
在学习 CSS 的时候发现，发现有些标签会独占一行，典型的例如 <div> 标签。而某些不会独占一行，典型如 <span> 标签。其实这是因为 CSS 的标签是有区分元素类型的。 元素分类 行内元素 又称为内联元素，行内元素的大小是靠本身内容的大小，宽高都设置无效。 常见的特点如下： 与其他行内元素并排 设置宽高无效 默认的宽度就是文本内容的宽度 水平方向的 paddin...
行内元素有哪些？块级元素有哪些？空（void）元素有哪些？inline与inline-block的区别
jakelihua
02-23 1155
行内元素有哪些？块级元素有哪些？空（void）元素有哪些？inline与inline-block的区别
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值