CSS - 常用行、块级元素都有哪些？

最新推荐文章于 2024-04-09 23:16:29 发布
原创 最新推荐文章于 2024-04-09 23:16:29 发布 · 907 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #行级 #块级 #标签元素

本文介绍了HTML中常用的块级和行级元素，包括div、ul、ol等块级元素及span、img、a等行级元素的功能与应用场景，是前端开发的基础知识。

常用块级元素

  • div

  • ul - 无序列表

  • ol - 有序列表

  • li - 列表项目

  • dl - 定义列表

  • dt - 定义列表中的项目

  • dd - 定义列表项目的定义部分

  • p - 定义段落

  • dir - 定义目录列表

  • h1 - h6 - 定义标题

  • pre - 定义预格式化的文本

  • table - 表格

常用行级元素

  • span

  • label

  • img

  • input

  • a

  • b - 加粗文本

  • strong - 同上

  • var - 斜体文本

  • i - 同上

  • em - 同上

  • code - 代码

  • kdb - 键盘文本

06_text-align-块级元素.html
10-09
这些元素在页面上呈现出从上到下垂直排列的特性，每个块级元素都会开始在新的行上。 对于块级元素而言，“text-align”属性主要有四个可选值：left、right、center和justify。 - 当设置为`left`时，文本会对齐到...
进一步理解CSS编程中的块级元素和行内元素
12-13
比如我们常用的、、默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个...
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
weixin_34413802的博客
02-12 317
首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”，是“行内”元素。 （1）行内元素有：a b span img input select strong（强调的语...
CSS里常见的块级元素和行内元素
weixin_30399821的博客
10-04 316
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，...
元素分类--块级元素
艾斯博弈
01-04 777
元素分类--块级元素 什么是块级元素？在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素
块级元素和行内元素有哪些？
chlinwei的博客
04-19 1295
一、行内元素与块级元素 块级元素列表 定义地址 定义表格标题 定义列表中定义条目 定义文档中的分区或节 定义列表 定义列表中的项目 定义一个框架集 创建 HTML 表单 定义最大的标题
元素类型（块级元素、行内元素）
Mr_Jin的博客
11-10 1199
块级元素： 常见的块级元素有：<div>、<table>、<form>、<p>、<ul>、<h1>......<h6>、<hr> 、<pre>、<address>、<center>、<marquee> 、<blockquote>等 1.块级元素会单独占有一行，默认垂直向下排列。 2.块级元素的宽度，高度，页边距，边缘空白，大小都是可以调控的。...
html中的行内元素和块级元素有哪些.pdf
05-08
* div - 常用块级元素，也是 CSS 布局的主要标签 * dl - 定义列表 * form - 交互表单 * h1 - 大标题 * h2 - 副标题 * h3 - 3 级标题 * h4 - 4 级标题 * h5 - 5 级标题 * h6 - 6 级标题 * hr - 水平分隔线 * menu - ...
详解HTML常用的标签中行内元素和块级元素
09-28
块级元素可以包含行内元素和其他块级元素，比如常用的、、到、、、、、等都是典型的块级元素。块级元素默认宽度为100%，除非通过CSS进行宽度控制。 行内元素（inline element），也称为内联元素，特点是它们不会...
什么是块元素、行内元素，都有哪些？
qq_57162921的博客
09-26 983
块元素，行内元素
CSS中的块级元素与行级元素
donghuleng4991的博客
03-10 205
最近初学CSS时对块级元素与行级元素有时会产生混淆，写篇博客记录一下自己对其的理解。 先从概念上来看： 块级元素 特点：1.每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。 　　　2.元素的高度、宽度、行高和顶底边距都是可以设置的。　　 　　　3.元素的宽度如果不设置的话，默认为父元素的宽度。 常见的块级元素：<div>、<p&...
HTML常用行级标签
远方水木
03-19 8236
HTML常用行级标签 行级标签：按行逐一显示，前后不会自动换行 文本化格式元素 符号 意义 &lt;b&gt; 定义粗体文本 &lt;i&gt; 定义斜体文本 &lt;em&gt; 定义强调文本，实际效果与斜体文本差不多 &lt;strong&gt; 定义粗体文本，左右和&lt;b&gt;基本相同 &lt;small...
常见的块元素与行内元素
clearclearing的博客
11-30 987
块级元素：div、dl、dt、ul、ol、li、h1--h6、p、table、th、tr、hr 行内元素：img、span、input、strong、i、em、br、lable、tt 注意：行内元素不能设置width、height、margin、padding；只能通过line-hight来设置
css-块级元素、行内元素、行内块元素及伪类选择器
qq_59950604的博客
01-04 1047
块级元素：div、p、h 如何判断一个元素是块级元素？display：block； 显示特点： 1、独占一行的（一行只能放一个！！！）（缺点） 2、宽度默认是父元素的宽度！！！！ 高度默认是由内容撑开（自适应） 3、可不可以设置宽高？？？？ 可以设置宽高的！！！（优点） 代表标签有哪些？？ div、p、h 行内元素：span a 如何判断一个元素是...
【CSS】哪些元素是块级、哪些是行内元素？
weixin_42678675的博客
07-02 2686
CSS常考题之——块级和行内元素，也就是inline和inline-block，该知识点是入门前端时便应该了解的，如果你还不懂，请务必花几分钟学习！不理解的地方多看几次。建议收藏！
css块级元素，行内元素和行内块级元素
weixin_47450807的博客
04-11 998
一、写在前面 行内元素和块级元素以及行内块级元素总是傻傻分不清，下面进行总结。 二、总结 2.1、块级元素 1、它独占一行。 2、它的宽高可以设置。 3、默认时，宽度是100%。 例如:<div>，<h1-h6>,<ul>,<ol>,li等。 2.2、行内元素 1、它的宽度有内容决定，高度有内容字体大小决定。 2、它不可以设置宽高。 3、它可以和其他行内元素位于同一行。 例如：<span>,<label>,<i>,&lt
CSS中的块级元素、行内元素、行内块元素
weixin_58271420的博客
04-09 978
元素呈现“块”状，比较霸道，独占一行，所以叫块盒。可自己定义 width 和 height，可作为其他容器使用，可容纳块级元素和行内元素。没有块级元素那么自由，不能自己设置宽（width）和高（height），高度宽度又包含的内容的大小决定。display：inline-block：定义元素为行内块级元素。display : inline ：定义元素为行内元素。同时有两方特点，很自由，自己设置宽高，不独占一行。display：block ：定义元素为块级元素。
块元素、行内元素、行内块元素
y516369的博客
08-04 973
块元素、行内元素、行内块元素
CSS 的块级元素和行内元素
m0_73740682的博客
02-25 1065
CSS 的块级元素和行内元素
块级元素有哪些
最新发布
08-04
在 HTML 中，块级元素（Block-level Elements）通常用于构建网页的结构和布局，它们默认情况下会占据一整行的空间，并且可以包含其他块级元素或行内元素。以下是常见的 HTML 块级元素列表： - `<div>`：最常用的块级容器，用于组织文档中的分区或节。 - `<p>`：定义段落。 - `<h1>` 到 `<h6>`：定义标题，其中 `<h1>` 是最高级别的标题，`<h6>` 是最低级别的标题。 - `<ul>`、`<ol>`、`<dl>`：分别用于定义无序列表、有序列表和定义列表。 - `<li>`：定义列表中的项目。 - `<table>` 及其相关元素（如 `<thead>`、`<tbody>`、`<tfoot>`、`<tr>`、`<th>`、`<td>`）：用于创建表格及其组成部分。 - `<form>`：创建交互式表单。 - `<address>`：定义文档或文章的联系信息。 - `<blockquote>`：表示块引用。 - `<hr>`：插入一条水平分隔线。 - `<fieldset>`：将表单中的控件分组。 - `<legend>`：为 `<fieldset>` 元素定义标题。 - `<pre>`：定义预格式化的文本。 - `<menu>`：表示命令的列表或菜单。 - `<center>`：使内容居中对齐（尽管现在不推荐使用，但在旧代码中仍可见）。 - `<dir>`：表示目录列表（已过时）。 - `<isindex>`：提供一个单行文本输入区域（已过时）。 - `<noframes>` 和 `<noscript>`：分别为不支持框架和脚本的浏览器提供替代内容。 这些元素在默认情况下会独占一行显示，其兄弟元素不会与其在同一行中，除非通过 CSS 脱离了文档流[^1]。块级元素通常是其他元素的容器，可以放置在页面上的任何位置[^2]。 ### 示例代码 以下是一个简单的 HTML 示例，展示了几个常见的块级元素： ```html <div> <h1>这是一个标题</h1> <p>这是一个段落。</p> <ul> <li>列表项 1</li> <li>列表项 2</li> </ul> <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"> <button type="submit">提交</button> </form> </div> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值