标准文档流（块元素和内联元素以及行内块元素特性）和display属性

最新推荐文章于 2022-05-01 19:00:15 发布
最新推荐文章于 2022-05-01 19:00:15 发布
阅读量913 收藏
点赞数
分类专栏： h5 css 文章标签： block inline-block display inline
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luckyGirlIT/article/details/95045594
版权
h5 同时被 2 个专栏收录
28 篇文章 0 订阅
订阅专栏
css
28 篇文章 0 订阅
订阅专栏

块级元素（block）

…

、

、

、列表（li） 内联元素（inline） 、、、... 行内元素 inline不能调节大小 只有绝对定位之后才可以直接设置 块元素 block 能调节大小 自动换行 行内块元素 inline-block 能调节大小 但是不换行 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190708103454554.png)

在这里插入图片描述

在这里插入图片描述
display:none消失 display:block显示
display属性

luckyGirlIT
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS文档流与块级元素(block)内联元素(inline)那点事
10-25
CSS文档流与块级元素(block)内联元素(inline)那点事
HTML行内元素、块状元素、行内块状元素的区别
pick_ears的博客
08-04 213
https://www.cnblogs.com/ljwk/p/7090320.html https://blog.csdn.net/weixin_40612082/article/details/80472807?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&depth_1-utm_source=distribu
14-块级元素和行内元素
05-14 117
学习的初期，我们就要知道，标准文档流等级森严。标签分为两种等级： 行内元素 块级元素 比如h1标签和span，同时设置宽高，来看浏览器效果，那么你会发现： 行内元素和块级元素的区别：（非常重要） 行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 块级元素： 霸占一行，不能与其他任何元素并列； 能接受宽、高。如果不...
第六节 标准文档流
sinolover的专栏
02-16 440
一.标准文档流 标准文档流包括：块级元素和行内元素。 (1). 块级元素 特点： 一个元素单独一行，不与其他元素并行，可以设置其宽度和高度，如果不设置宽度，宽度默认为其父元素的100%。 (2). 行内元素 特点：与其他元素并行，不能设置其宽度和高度，默认宽度为内容的宽度。 二.相互转换 (1). 块级元素→行内元素 　加上display：inl...
彻底理解行内元素和块级元素，不必硬背
kiku
05-21 1128
初窥门径： 什么叫行内元素？ 常见的span、a、lable、strong、b等html标签都是行内元素 什么叫块级元素？ 常见的div、p、li、h1、h2、h3、h4等html标签都是块级元素 略知一二： 行内元素有： a, span, label, strong, em, br, img, input, select, textarea, cite, 块级元素： div, h1~h6, p, form, ul, li, ol, dl, address, hr, menu, table, fiel.
什么叫标准的文档流？
web-Danli的博客
02-20 1984
标准文档流 标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。HTML文档中的元素可以分为两大类：块级元素和行内元素。 块级元素：块状元素排斥其他元素与其位于同一行，可以设定元素的宽（width）和高（height），块级元素一般是其他元素的容器，可容纳块级元素和行内元素。常见的块级元素有div, p ,h1~h6等。 行内元素：行内元素不可以设置宽（width）和高（height），但可以与其他行内元素位于同一行，行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内
块级元素和行内元素
qq_38867257的博客
09-18 184
行内元素和块级元素的区别： 行内元素：　　 与其他行内元素并排 不能设置宽高，默认的宽度就是文字的宽度 块级元素： 霸占一行，不能与其他任何元素并列。 能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。 块级元素和行内元素的分类： 　　在HTML的角度来讲，标签分为： 　　　　文本级标签：p , span , a , b , i , u , em 　　　　容器级标签：d...
标准文档流
wp7021的博客
01-17 1150
一、标准文档流定义 在web页面制作，是个“流”，文档流指的是元素排版布局过程中，元素会自动从左往右，自上而下的流式布局。 二、标准文档流的微观现象： 1、空白折叠现象      比如，如果我们想让img标签之间没有空隙，必须紧密连接。 2、高矮不齐，底边对齐 3、自动换行，一行写不满，换行写 三、标准文档流等级 标准文档流等级森严，分为两种等级：块级元素和行内元素
008、标准文档流
weixin_46390041的博客
05-01 205
理解标准文档流特点
css标准文档流
04-08 140
css标准文档流 所谓的标准文档流指的是网页当中的一个渲染顺序，就如同人类读书一样，从上向下，从左向右。网页的渲染顺序也是如此。而我们使用的标签默认都是存在于标准文档流当中。 标准文档流当中的特性 空格产生折叠 当在代码中存在多个空格的时候，空格会出现折叠现象。 2.元素默认底边对齐 当多个元素并排显示的时候，默认会采用底边对齐。 3.文字自动换行 当在一行范围内去输出文字的时候...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
块级元素和内联元素及可变元素汇总
01-19
块元素(block element) 　p – 段落 　pre – 格式化文本 　table – 表格 　ol – 排序表单 　ul – 非排序列表 　address – 地址 　blockquote – 块引用 　center – 居中对齐块 　div – 常用块级 　...
进一步理解CSS编程中的块级元素和行内元素
12-13
Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的、、默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。...
html 内联元素和html 块级元素概述及区别
12-13
内联元素(inline)特性： •和相邻的内联元素在同一行; •宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或...
颜色rgb设置透明度 16进制常见颜色
luckyGirlIT的博客
07-05 5985
数字是0-255 rgba(44，255，，0) 最后一个数字是0 纯透明 rgba(44，255，，1) 最后一个数字是1 纯不透明 16进制颜色 #ffff00黄色 #0000ff蓝色 #ffffff白色 #000000黑色 #00ff00绿色 #ff00ff紫色 #ff0000红色 ...
my sql中 insert into 中的into可以省略吗？ insert后面加（select语句）中间能不能再加values加
luckyGirlIT的博客
07-06 5422
my sql中 insert into 中的into可以省略! insert into sc values(),(),() insert sc values(),(),() insert sc (select sid,cid,score from sc ) 注意：该语句不可添加values
css高级选择器和基本选择器
luckyGirlIT的博客
07-05 4775
ID选择器>类选择器>标签选择器 1.层次选择器 *相邻兄弟选择器，只对后面的兄弟有作用，对前面的兄弟没效果。 *相邻兄弟选择器，E+F E不会产生效果效果 2.结构伪类选择器 使用E F:nth-child(n)和E F:nth-of-type(n)的 关键点 E F:nth-child(n)在父级里从一个元素开始查找，不分类型 E F:nth-of-type(n)在父级里...
用html和css制作网页动画(transform transition animation)
luckyGirlIT的博客
07-09 4452
**1.使用transform 2D变形设置网页元素样式 变形函数(translate平移 scale缩放 rotate 旋转 skew倾斜函数) translate()：平移函数，基于X、Y坐标重新定位元素的位置 transform:translate(tx,ty); transform:translate(100px,0）-------transform：translateX（100px） t...
块元素和内联元素区别
最新发布
03-10
总结一下，块元素和内联元素的区别主要在于它们的布局和显示方式。块元素会独占一行并自动换行，可以设置宽度和高度等属性；而内联元素不会独占一行，只占据内容的宽度，并且不能设置宽度和高度等属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值