块级元素与行内元素特点

最新推荐文章于 2023-01-04 16:10:19 发布
最新推荐文章于 2023-01-04 16:10:19 发布
阅读量581 收藏
点赞数
分类专栏： web前端的笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19306197/article/details/77935687
版权

块级元素：

1：块级元素会独占一行，其宽度自动填满其父元素宽度
2 ：块级元素可以设置 width, height属性。【注意：块级元素即使设置了宽度，仍然是独占一行的】
3：块级元素可以设置margin 和 padding。


行级元素：

1：行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容而变化
2：行内元素设置width,  height无效
3： 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果换句话说就是  水平方向有效，竖直方向无效

谢泽豪
关注
专栏目录
进一步理解CSS编程中的块级元素和行内元素
12-13
Inline element 内联元素通俗点来说就是文本的显示方式，与块级元素相反，内联元素的高度宽度都是不可以设置的，其宽度就是自身文字或者图片的宽度。我们常用到的、、都属于内联元素。内联元素的显示特点就是像文
块级元素、行内元素、行内块级元素的特点
lishundi的博客
07-25 5138
1.块级元素： (1)独自占据一行,故默认宽度是容器的100%。 (2)可以设置宽、高、行高、内外边距。 (3)可以容纳行内元素和其他块级元素。 注：文字类的块级元素不能容纳块级元素，例如<p>/<h1>~<h6>/<dt> 2.行内元素： (1)会和相邻的行内元素排成一行。 (2)设置宽、高无效，默认宽高是其自身内容的宽高。 (3)...
HTML行内元素、块级元素、行内块级元素的特点与区别
qq496108586的专栏
06-26 233
####元素 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 ####元素分类方式 HTML 可以将元素分类方式分为行内元素、块状元素和行内块状元素三种，这三者可以通过设置display属性值实现相互转化。实现如下 #转换为行内元素 display:inline; #转换为块状元素 display:block; #转换为行内块状元素 display...
块级元素、行内元素和行内块元素的特点及转换方式
hmmm_的博客
07-03 1222
块级元素常见有： div、p、ul、li、ol、dl、dt、dd、h1-h6标题、form、table等 块级元素的特点： 总是从新行开始 宽度默认是容器的100% 高度、宽度、外边距、内边距都可以调整 可以容纳内联元素和其他块元素。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
行内元素和块元素的特点
Makesure_的博客
09-16 1753
块元素特点： 1、独占一行 2、高度、宽度、外边距以及内边距都可以控制 3、宽度默认是容器（父级宽度）的100% 4、是一个容器及盒子，里面可以放行内元素或者是块元素 注意: 文字类的元素内不能使用块元素 p标签主要存放文字，因此不能放块元素，特别是不能放div 同理h1~h6等都是文字类块元素，里面也不能放其他的块元素 行内元素特点： 1、相邻行内元素在一行上，一行可以显示多个 2、高、宽直接设置是无效的。 3、默认宽度就是它本...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。...内联元素(inline element)也叫内嵌元素或行内元
【CSS基础学习】行内元素，块级元素，行内块级元素
01-08
文章目录元素的显示方式和转换块级元素行级元素行内块级元素显示方式之间的转化 元素的显示方式和转换 块级元素 块级元素（inline）： 块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置 ...
行内，行内块，块级元素的特点
h13673476027的博客
11-11 974
特点：特点： 特点： 1、块级标签转换为行内标签：display:inline; 2、行内标签转换为块级标签：display:block; 3、转换为行内块标签：display：inline-block;注意：1、一般情况下，块级元素可以设置width,height属性，行内元素设置width,height无效2、块级元素可以设置margin,padding属性3、行内元素的水平方向的padding-left和padding-right都会产生边距效果，但是竖直方向
html：块级元素和行内元素的特点
weixin_30325071的博客
08-21 521
display：block； 块元素会独自占据一整行，或者多行，可以任意设置其大小尺寸，是用于搭建网页布局的必须部分，使网页结构更加紧凑合理。 块级元素width、height、padding、margin生效 块级元素有以下几个特点： 　　1、总是另起一行（特立独行） 　　2、可以设置其宽度、高度、内外边距 　　3、在不手动设置宽度的情况下，宽度默认为所在容器的100%（即容器宽度）...
块级、行内、行内块级元素
小森呀
07-20 191
块级元素： 1.独占一行 2.可以设置高度、宽度，外边距、内边距 3.宽度默认是父级的100% 4.里边可以放行内或者块级元素 注意：文字类的元素（p标签、h1~h6标签）内不能使用块级元素 行内元素： 1.相邻行内元素都在一行上 2.不可以设置高度、宽度，外边距、内边距 3.宽度是它本身内容的宽度 4.只能放文本或其它行内元素 注意： 1.链接里不能放链接 2.a标签里可以放块级元素，但是将a标签转换为块级模式最安全 行内块级元素： 1.相邻行内块元素都在一行上，..
块级元素与行内元素的区别
weixin_30662539的博客
06-10 84
在标准文档流里面，块级元素具有以下特点：①总是在新行上开始，占据一整行；②高度，行高以及外边距和内边距都可控制；③宽带始终是与浏览器宽度一样，与内容无关；④它可以容纳内联元素和其他块元素。行内元素的特点：①和其他元素都在一行上；②高，行高及外边距和内边距部分可改变；③宽度只与内容有关；④行内元素只能容纳文本或者其他行内元素。不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元...
CSS中块级元素，行内块元素，行内元素的特点
Din_volcano的博客
10-23 2739
网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。HTML 元素一般分为块元素和行内元素两种类型。块级元素和行内元素都是元素显示模式，而本文讲的是这几种模式的区别以及使用规则。
行内元素、块级元素、行内块元素特点
jiyuchengzhou的博客
03-13 445
块级元素（block）:独占一行，元素宽高、内外边距都可设置，如 div 、p、h1 等 行内元素(inline)：宽高不可改变，上下内外边距不可改变，左右内外边距可以改变，如 b 、a 、span 、i 等 行内块元素(inline-block)：可设置宽高、内外边距，但不会自动换行，如 input、img、button 等 ...
块级元素和行级元素特点区别整理
兔子的博客
08-11 3696
行级元素（行盒：inline） 常见行内元素：span、a、（img、textarea、button、input）、label、select、canvas、audio、video，b, i, strong、em、br、 （img、textarea、button、input）：可设置宽高 基本特点：1、不换行（与其他行级元素共享一行） 2、由于不用来搭建网页结构，宽高不能改变（自适应宽高） 3、img默认是行级元素，但是能修改宽高 4、行级元素内不能嵌套块级元素 5、水平方向排列 面试题： 如果行级与行级元素
行内元素,块元素,行内块元素特点
qq_46342447的博客
11-02 1426
行内元素 常见的行内元素有：<a>,<strong>,<b>,<em>,<del>,<span> < i > 、< label >、 < br >等 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。 行内元素的特点： 和相邻的行内元素在一行上 高度和宽度无效，但是可以设置line-hight 但是水平方向上的padding和margin可以设置，垂直方向上.
块级元素、行内元素和行内块元素各自特点和区别
最新发布
zy1992As的博客
01-04 541
常见的行内元素有、、、、、、、、、等，其中标签最典型的“行内元素”，也称“内联元素”。在行内元素中有几个特殊的标签——、、，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。常见的块元素有~、、、、、等，其中标签是最典型的块元素。4. 块级元素、行内元素和行内块元素的区别。
行内元素和块元素以及行内块元素的特点
qq_47901642的博客
08-23 496
一、背景 初学html、接触很多html标签，为什么有的标签是一行或者多行，而有的标签是给某种词强调，将从行内元素和块元素以及行内块元素区分一些标签。 二、块元素 块元素会独自占据一整行，或者多行，可以任意设置其大小尺寸，是用于搭建网页布局的必须部分，使网页结构更加紧凑合理。常见的块级元素有：div,h1~h6，ul，table等，其中div是最常用最典型的块级元素。 三、行内元素 行内元素的特点： 总是和相邻的行内元素在同一行上（物以类聚） 设置宽高无效，水平方向的padding和m
行级元素,块级元素,行级块元素特点
x1037490413的博客
09-08 2935
1em=1 font-size 宽度=高度 1.行级元素 inline feature:内容决定元素所占位置,不可以通过css改变宽高 span strong em a del 2.块级元素 block feature:独占一行,可以通过css改变宽高 div p ul li ol form address 3.行级块元素 inline-block feature:内容决定大小,可以改宽高 img img只需要设置宽度就好了,高度会成比例缩放 凡是带有inline的元素,都带有文字特性 - 所以img.
深入解析CSS中的块级元素与行内元素
"深入理解CSS中的块级元素与行内元素" 在CSS编程中，了解块级元素（Block Elements）和行内元素（Inline Elements）是非常基础且重要的概念。这两个概念构成了网页布局的基础，帮助开发者控制网页元素的排列方式。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值