行内元素，块级元素和空元素

最新推荐文章于 2022-09-07 22:28:14 发布
原创 最新推荐文章于 2022-09-07 22:28:14 发布 · 458 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#行内元素 #块级元素 #空元素 #标签

本文详细介绍了HTML中的不同类型的元素，包括行内元素、块级元素和空元素，并列举了每种类别下的具体元素实例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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> <embed> <param> <source> <track> <wbr>

css盒模型和块级、行内元素深入理解
09-25
其中，盒模型和元素的分类（块级元素和行内元素）是理解页面布局的基础。本文将深入探讨这两个概念。 首先，盒模型是CSS中的核心概念，它定义了元素如何占用空间和与其他元素交互。每个HTML元素都可以被视为一个...
前端日记01_行内元素和块级元素
01-20
前端日记01_行内元素和块级元素欢迎大家来跟胖胖一起xio习！基本知识分类速览块级元素和行级元素的转换参考链接 欢迎大家来跟胖胖一起xio习！ Hey，这里是胖胖的博客，目前正在学有关前端的知识，有时候会把一些遇到...
行内元素，块级元素与空元素
weixin_34321753的博客
11-23 172
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea 块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote 空元素:br、meta、hr、link、input、img 块级元素的特点：1.总在新行上开始，占据一整行2.默认情况下，其宽度自动填满其父元素宽度3.宽度始终是与浏览器宽度一...
行内元素和块级元素和空元素
2197
08-14 918
1&gt;块级元素：独占一行，支持所有样式，不设置宽高时为高度为其内容高度，宽度为父元素宽度，换行符不解析。 常见的块级元素：div,p,h1~h6,ul,li,ol,hr,form 2&gt;行内元素：可以在一行显示，不可以设置宽高，宽度有内容撑开，高度随字体大小而改变，上下margin,padding会出问题,换行符解析。 常见的行内元素：span,br,img,a,big,samll,...
行内元素、块级元素、空元素
weixin_52998620的博客
01-11 379
CSS规范，每个元素都有display属性，确定该元素的类型，每个元素 都有默认的display值，比如div默认display属性值为“block”,成为“块级”元素； span默认display属性值为“inline”,是“行内”元素。 行内元素 span a b i img input select strong 块级元素 div p h1~h6 table from ul ol li dl dt dd… 空元素（没有内容） <br> <hr&gt
块级元素、行内元素和空元素（void）
牛栏山矿泉水
10-11 237
块级元素：&lt;address&gt;、&lt;caption&gt;、&lt;dd&gt;、&lt;div&gt;、&lt;dl&gt;、&lt;dt&gt;、&lt;fieldset&gt;、&lt;form&gt;、&lt;h1&gt;、&lt;h2&gt;、&lt;h3&gt;、&lt;h4&gt;、&amp
行内元素，块级元素，行内块元素，空（void）元素
weixin_46634683的博客
09-07 292
行内元素，块级元素，行内块元素，空（void）元素
微信小程序布局之行内元素和块级元素
03-29
元素按照显示方式主要可以分为块级元素和行内元素，元素的显示方式由display属性控制。 块级元素特点总结： 1、总是在新行上开始 2、宽度的默认为width+margin-left+margin-right+padding-left+padding-right刚好...
【CSS基础学习】行内元素，块级元素，行内块级元素
01-08
块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置 width 和 height 属性，浏览器通常会在块级元素前后另起一个新行。 常见块级元素： header,form,ul,ol,table,article,div,hr,aside,...
html中的行内元素和块级元素有哪些.pdf
05-08
设置 position 属性也可以使行内元素转换为块级元素，但这只是副作用，它们的主要作用是干扰布局效果。 需要注意的是，块级元素的宽度会继承其父元素，但只有为行内元素设置 display:block; 才会有这样的效果，其他...
CSS中的块级元素、行内元素和空元素
赵加美的专栏
11-26 1398
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，称为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。在HTML元素中，没有内容的 HTML 元素被称为空元素。 块级元素，会自动占据一
行内元素，块级元素，空元素
阳光下的冷静的博客
03-12 535
行内元素： a b span img input select strong br big small em sub sup i textarea 块级元素： div ul ol li dl dt dd h1 ~h6 p form hr address table 空元素： &lt;br&gt; &lt;hr&gt; &lt;img&...
[HTML]行内元素、块级元素、空元素
DaftJayee的博客
08-10 383
一、行内元素 a链接 b标记（粗体文本) span input… 二、块级元素 div ul p标记（普通文本） li h1 dl… 三、空元素 br hr… b标记为行内元素的原因是为了方便在p标签中嵌b标签， 如果是块级元素则会独占一行了 <p>这是普通文本 - <b>这是粗体文本</b>。</p> 结果： 这是普通文本 - 这是粗体文本。 ...
13、行内元素、块级元素、空元素都有哪些?
beiniao520的博客
05-07 361
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素a、b、span、img、input、strong、select、label、em、button、textarea块级元素div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素即系没有内容的HTML元素，例如：br、meta、hr、link、input、img参考资料：MDN: 行内元素MDN: 块级元素...
常见的行内元素，块元素和空元素
w19981225的博客
10-19 553
哪些是块级元素那些是行内元素，各有什么特点 ？
xhtlyz的博客
08-12 466
行内元素： <a>定义超链接 <b>字体加粗 <span>定义在文档中的行内元素 <img>向网页中插入题图像 <input>输入框 <small>小号字体效果 <br>换行 <big>字体加大加粗 <strong>强调的语气 <select>创建单选或多选菜单 <textarea>定义文本域，多行的文本输入控件 块级元素： <div&g.
CSS行内元素、块元素和空元素
qq973418452的博客
03-24 668
行内元素特点 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 行内元素在设置 水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果，但竖直方向的padding-top、padding-bottom、margin-top、margin-b...
行内元素 行内块元素 块级元素 英文
最新发布
01-03
### 行内元素、行内块元素和块级元素的区别 #### 定义与特性 在HTML中，元素可以被分类为三种主要的显示模式：行内元素（inline elements）、行内块元素（inline-block elements）以及块级元素（block-level elements）。每种类型的元素具有不同的布局行为。 - **行内元素**通常只占据其内容所需的空间宽度，并且不会强制在其前后创建新的行。这类元素适合用于文本中的标记，比如`<a>`超链接标签或`<strong>`强调文字标签[^2]。 - **行内块元素**则结合了行内元素不独占一行的特点与能够设置宽高属性的能力。这意味着虽然它们像行内元素一样在同一行内排列，但是可以通过CSS来指定具体的尺寸大小，如通过`display:inline-block`样式实现的效果所示[^1]。 - **块级元素**默认情况下会在页面上以新的一行开始并结束，在水平方向上尽可能多地占用空间直到遇到父容器边界为止；常见的例子有`<div>`, `<p>`, `<article>`等结构化标签。 #### CSS控制展示方式 利用CSS `display` 属性可改变这些元素的行为： 对于希望某个原本是行内的元素表现得更像一个独立区块时，可以将其`display`设为`block`; 而如果想要保持它与其他兄弟节点同行的同时又能自定义高度宽度，则应该采用`inline-block`作为该属性值[^4]。 ```css /* 将 span 设置成 inline-block */ span { display: inline-block; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值