行内元素、块级元素、空元素

最新推荐文章于 2023-06-19 12:42:43 发布

原创最新推荐文章于 2023-06-19 12:42:43 发布 · 374 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html

面试题专栏收录该内容

42 篇文章

订阅专栏

本文介绍了CSS中元素的不同类型，包括行内元素、块级元素及空元素，并列举了各类元素的具体实例，如span、div等。

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

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>	 	<img>	 <input>	<link>	 <meta>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

酱芈芈

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css盒模型和块级、行内元素深入理解

09-25

其中，盒模型和元素的分类（块级元素和行内元素）是理解页面布局的基础。本文将深入探讨这两个概念。首先，盒模型是CSS中的核心概念，它定义了元素如何占用空间和与其他元素交互。每个HTML元素都可以被视为一个...

全面了解行内元素与块级元素的区别

09-24

在了解行内元素与块级元素的区别之前，首先要熟悉CSS的display属性。CSS规范规定每个元素都有一个display属性，这个属性决定了元素的类型。元素的默认display值分为块级（block）和行内（inline）两种。 块级元素是...

参与评论您还未登录，请先登录后发表或查看评论

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

阳光下的冷静的博客

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 空元素： <br> <hr> <img&...

行内元素，块级元素，行内块元素，空（void）元素

weixin_46634683的博客

09-07

291

行内元素，块级元素，行内块元素，空（void）元素

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

2197

08-14

916

1>块级元素：独占一行，支持所有样式，不设置宽高时为高度为其内容高度，宽度为父元素宽度，换行符不解析。常见的块级元素：div,p,h1~h6,ul,li,ol,hr,form 2>行内元素：可以在一行显示，不可以设置宽高，宽度有内容撑开，高度随字体大小而改变，上下margin,padding会出问题,换行符解析。常见的行内元素：span,br,img,a,big,samll,...

行内元素、块级元素、空元素的理解

番茄脸红了~

06-19

1261

了解基础的行内元素、块级元素、空元素，减少犯错率！

微信小程序布局之行内元素和块级元素

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; 才会有这样的效果，其他...

13、行内元素、块级元素、空元素都有哪些?

beiniao520的博客

05-07

360

行内元素有哪些？块级元素有哪些？空(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: 块级元素...

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

王二狗

05-08

457

1.行内元素：a b span img input select strong2.块级元素div ul ol li dl dt dd h1 h2 h3 h4… p3.空元素<br> <hr> <img> <input> <link> <meta> <area> <base> <col> <embed> <param> <source> <track> <wbr>

哪些是块级元素那些是行内元素，各有什么特点？

xhtlyz的博客

08-12

464

行内元素： <a>定义超链接 <b>字体加粗 <span>定义在文档中的行内元素 <img>向网页中插入题图像 <input>输入框 <small>小号字体效果 <br>换行 <big>字体加大加粗 <strong>强调的语气 <select>创建单选或多选菜单 <textarea>定义文本域，多行的文本输入控件 块级元素： <div&g.

前端面试题-行内元素和块级元素

weixin_34293902的博客

03-25

634

一、行内元素一个行内元素只占据它对应标签的边框所包含的空间。二、块级元素 块级元素占据其父元素（容器）的整个空间，因此创建了一个“块”。通常浏览器会在块级元素前后另起一个新行。三、行内元素示例 HTML CSS Example 四、块级元素示例 HTML CSS Example 五、行内元素的特点 5.1 和其他元素都在...

行内元素、块级元素、空元素分别有哪些？

sdasadasds的博客

07-21

454

行内元素、块级元素、空元素分别有哪些？

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

qq_32809729的博客

06-23

399

一、行内元素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块级元素的特点：总在新行上开始，占据一整行默认情况下，其宽度自动填满其父元素宽度宽度始终是与浏览器宽度一样，与内容无关它

行内元素、块级元素及空（void）元素

ljl0433的博客

01-20

249

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…p （3）常见的空元素：<br>、<hr>、<img>、<in

[HTML]行内元素、块级元素、空元素

DaftJayee的博客

08-10

380

一、行内元素 a链接 b标记（粗体文本) span input… 二、块级元素 div ul p标记（普通文本） li h1 dl… 三、空元素 br hr… b标记为行内元素的原因是为了方便在p标签中嵌b标签，如果是块级元素则会独占一行了 <p>这是普通文本 - <b>这是粗体文本</b>。</p> 结果：这是普通文本 - 这是粗体文本。 ...

块级元素、行内元素和空元素（void）

牛栏山矿泉水

10-11

235

块级元素：<address>、<caption>、<dd>、<div>、<dl>、<dt>、<fieldset>、<form>、<h1>、<h2>、<h3>、<h4>、&amp

行内元素行内块元素 块级元素 英文