html学习——块元素和行内元素

最新推荐文章于 2024-07-09 15:09:19 发布

原创最新推荐文章于 2024-07-09 15:09:19 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

新手学习同时被 2 个专栏收录

20 篇文章

订阅专栏

html学习

17 篇文章

订阅专栏

本文深入探讨了HTML中的块级元素（如p和h1标签）和行内元素（如a和em标签）的区别。块元素会独占一行，而行内元素则可以与其他元素并排显示。理解这两种元素的特性对于网页布局和设计至关重要。

块元素和行内元素

块元素

无论内容多少，该元素独占一行

例如p标签和标题标签等等

<p>我独占一行</p>
<h1>我也独占一行</h1>

行内元素

内容撑开宽度，左右都是行内元素可以摆在一行

例如超链接a标签，斜体em标签，换行br标签

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

greedyguttler

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CSS开发基础——块级元素和内联元素

miao_9的博客

01-14

1353

CSS开发基础——块级元素和内联元素HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别： 1、内联元素会在一条直线上排列（都是同一行的水平方向排列）； 2、块级元素各占据一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性）； 3、块级元素可以包含行内元素和块

块元素、行内元素、行内块元素

热门推荐

FreeSpider

06-01

3万+

一、块元素 block element 块元素的特性独霸一行，总是在新行上开始宽度缺省是它父级元素的100%，除非设定一个宽度高度、行高、外边距、内边距都可以设置可以容纳其他内联元素或者其他块元素 常见的块元素 address – 地址 blockquote – 块引用 center – 举中对齐块 dir – 目录列表 div – 常用块级容易，也是CSS layo...

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

【HTML5-小知识】块元素、行内元素和行内块元素

luckyboy!的博客

08-14

5503

HTML常用标签掌握之后，应当进一步了解元素的三种类型，块元素，行内元素，行内块元素，掌握这三种元素类型的特点。以上就是今天要讲的全部内容，本文仅仅介绍了HTML中标签元素的三种类型，块元素、行内元素、行内块元素的通途和特点。在使用标签对网页布局和对文本惊醒排版很重要。...

行内元素与块级元素详解

My_wife_QBL的博客

07-09

3524

行内元素是指那些不会开始新行，而是在同一行内连续显示的 HTML 元素。行内元素的宽度、高度和内外边距（margin 和 padding）通常只影响元素本身，不会影响周围元素的布局。块级元素是指那些在文档中会独占一行，并且可以设置宽度、高度和内外边距的 HTML 元素。块级元素的宽度默认会扩展到父元素的宽度，并且会开始新行。

前端面试题笔记-2-行内元素与块元素区别

qq_40020447的博客

03-04

269

一、区别（3） 1. 排列方式行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列; 若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列，或者使用弹性布局（display:flex;flex-direction:row;） 2. 宽高属性行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（line-height）同时在设置外边距margin上下无效，左右有

行内元素和块级元素的区别

gao_zhennan的博客

10-15

5850

本文介绍了块级元素和行内元素的基本概念、内容模型和默认格式。

常见块元素，行内元素，行内块元素有何不同？

12-27

### HTML 中块元素、行内元素和行内块元素的区别 #### 块元素 块元素在页面布局中独占一行，每个块元素都会另起一行来显示，并在其前后自动换行。这些元素通常用于构建网页的主要结构部分。常见的块元素有 `<div>...

疑惑——行内块元素加了文字会被挤下来？

qq_41532892的博客

08-02

1079

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {

行内元素和块元素区别

04-11

行内元素和块元素是HTML中常用的两种元素类型，它们在布局和显示上有一些区别。 1. 行内元素（Inline Elements）： - 默认情况下，行内元素不会独占一行，它们会在同一行上水平排列。 - 行内元素的宽度和高度由其...

html 常用的行内块元素

最新发布

02-20

这类元素具有独特的显示特性：既不像纯粹的块级元素那样独占一行，也不像简单的行内元素那般仅占据所需空间而不接受宽度和高度设置。行内块级元素可以在同一行与其他元素并存的同时支持尺寸属性。常见的行内块级...

块级元素和行内元素的区别

gao_zhennan的博客

03-26

1万+

无论是初学者或者是即将面试的前端工程师，行内元素及块级元素都是非常重要的知识点，在布局设置宽高和边距时经常由于混淆行内元素及块级元素出现问题。一、显示元素（一）块级元素 div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等等，还...

HTML学习之块级元素和行内元素的特征和区别（一）

liuying1802028915的博客

10-13

2万+

这几天在学习HTML，这里总结一下块级元素和行内元素的特征和区别，本文也是来自于其他同行的一些文章，在这里感谢一下那些作者，下面先把这些原文粘贴出来 http://www.cnblogs.com/Jackie0714/p/4923639.html http://blog.youkuaiyun.com/yuyanqiao/article/details/8558118 一，下面从概念的角度来说一下

行内元素与块级元素区别1.0

gogaogao的博客

11-28

343

HTML行级元素和块级元素区别和转化（displays属性）

qingyisuo的博客

01-03

2万+

1.块级标签与行级标签的区别： 1.块级元素可以设置宽高，行级元素不能设置宽高（只能根据文字来设置，比较特殊的是img\input是可以设置宽高）； 2.块级元素是独占一行，行级元素不行；2.块级元素和行级元素的转化 a.块级转行级例子：div->行级1.div为正常的块级标签时，与span行级文字时 <head> <meta charset

行内元素，行内块元素，块元素的区别

小杨的博客

06-19

2739

行内元素，行内块元素，块元素的区别，行内元素，行内块元素，块元素的转换display

Html中行内元素有哪些？块级元素有哪些？

aoji3122的博客

10-30

584

1.关于行内元素和块状元素的说明根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。div这样的块级元素，就会自...

行内元素和块级元素的具体区别是什么？inline-block是什么？

danglina123的博客

08-31

1万+

行内元素和块级元素的具体区别是什么？inline-block是什么？（面试题目） https://www.cnblogs.com/iceflorence/p/6626187.html?utm_source=itdadao&utm_medium=referral 一，行内元素与块级元素的区别： 1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别行内元素会在...

CSS中的块级元素、行内元素和行内块元素

葉無聞

12-10

1万+

元素是文档结构的基础，在css里面，每个元素生成了包含内容的框（box）,大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一整行的，有水平一个挨着一个的。比如：div 与span的显示方式不一样，因为 div是块级元素，会占据一行，而span为行内元素，可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。块级元素 block 块级元素，顾...

CSS里常见的块级元素和行内元素

weixin_30399821的博客

10-04

316

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，...