正常的文档流,元素本身的属性

最新推荐文章于 2021-06-03 01:56:47 发布
最新推荐文章于 2021-06-03 01:56:47 发布
阅读量370 收藏 1
点赞数 1
分类专栏： web 文章标签： 文档流 元素本身的特点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZXL_20170717/article/details/77565286
版权
正常的文档流：元素按照本身的属性进行的一个页面排版
                  元素本身的属性：
                               (1)块级元素：独占一行 竖着排版 无论大小是什么  <P>   <div>
                               (2)行内元素：不是独占一行 不能设置大小 横着排版  <span>  <em>  <strong>
                               (3)行内块元素：不是独占一行 可以设置宽高 横着排版   <input>
ZXL_20170717
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
标准文档流
m0_53698336的博客
07-03 870
标准文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。当前面内容发生了变化，后面的内容位置也会随着发生变化。 HTML就是一种标准文档流文件。 HTML中的标准文档流特点通过两种方式体现：微观现象和元素等级。 微观现象 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙，如果在一行内写img标签，就解决了这个问题，但是我们不会这样去写我们的html结构。这种现象称为空白折叠现象。 2.高矮不齐，底边对齐 文字还...
CSS 正常文档流 & 块元素 & 行内元素 & 行内块元素
xiangxiongfly
07-21 430
正常文档流 脱离文档流 块元素 特点 常见块元素 行内元素 特点 常见行内元素 行内块元素 特点 常见行内块元素
什么是文档标准流
water_Popcorn的博客
12-21 1108
文档标准流： 1、 空白折叠现象：标签之间没有间隙，必须紧密相连编写，就没有空隙啦 2、 高矮不齐，底边对齐： 3、 自动换行，一行写不满，换行 4、 块级元素和行内元素： 行内元素特性：行内元素可以与其他行内元素并排，在一排上面显示               不能设置宽和高，默认高度是文字的高和宽。 块级元素特性：独占一行，不与其他任何元素并列               可接
CSS定位机制之：普通流（文档流）
weixin_34067980的博客
03-11 587
在网上找到这样一篇文章，感觉写的很好，特转移过来 。文档流，其实标准里根本就没有这个词。如果把文档流直译为英文就是 document flow ，但标准里只有另一个词，叫做普通流(normal flow)，或者称为常规流。但似乎大家更习惯文档流的称呼，因为很多中文翻译的书就是这么来的。比如《CSS Mastery》，英文原书中至始至终都只有普通流 normal flow ...
遍历DOM对象内的元素属性示例代码
09-04
`hasOwnProperty()`方法用于确认属性是否直接属于对象本身，而非从其原型链继承，这有助于避免处理非预期的属性。 需要注意的是，某些属性可能包含复杂的数据类型，如`style`属性，它是一个CSSStyleDeclaration对象...
使用jQuery操作元素的属性与样式
01-31
尽管jQuery本身没有专门针对DOM属性操作的方法，但我们可以通过jQuery的`each()`函数来遍历元素集合，并在回调函数中直接访问每个元素的DOM属性： ```javascript $("img").each(function(index){ alert("index:" +...
元素层级1
最新发布
08-08
即使祖先元素的`z-index`值更高，也不会遮挡后代元素，除非祖先元素本身也覆盖了那个区域。这种情况下，后代元素的`z-index`值将不会影响它在祖先元素之下的位置。 在实际应用中，`z-index`常用于创建弹出窗口、...
css position定位属性_动力节点Java学院整理
01-19
说明 Position 属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示。 主要的值 ①absolute ：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素...position属性只是使元素脱离文档流，
CSS教程：理解继承属性及应用
09-27
在文档树中，某些属性可以被子元素继承，而每个CSS属性都有一个特定的继承规则。有些属性如`color`、`font-size`是可继承的，而像`border`、`margin`、`padding`和背景等属性则不可继承。不可继承的属性主要是那些...
文档流
Yanghongru的博客
09-07 584
1.什么是文档流? normal flow:正常流,也叫文档流,不用纠结字面意思,他规定了网页最基本的布局方式。 我们创建的元素默认都是在文档流中进行排列。 2.元素在文档流中的特点? 块元素 块元素在页面上独占一行,自上向下垂直排列 默认宽度是父元素的全部(会把父元素撑满) 默认高度是内容撑开(子元素) 行内元素 行内元素只占自身的大小,不会独占页面的一行 行内元素在页面中从左往右排列,一行内撑不下则换到第二行 行内元素的默认高度和宽度都是被内容撑开,width和height不管用 3.
html 浮动脱离文档流,脱离文档流（正常流-文档流）
weixin_39827905的博客
06-03 1630
一、文档流定义将窗体自上而下分成一行一行,块级元素从上至下、 行内元素在每行中按从左至右的挨次排放元素,即为文档流。二、行内元素、块级元素、行内块级元素1、行内元素span、em、i，以及有sub和sup这两个标签可以直接做出平方的效果sub sup。特征：设置宽高无效对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间不会自动进行换行2、块级元素div、p、...
【CSS】标准文档流以及脱离文档流
Msy_yyy的博客
05-17 611
目录一、标准文档流1. 定义2. 微观现象二、脱离文档流1. 浮动2. 绝对定位3. 固定定位 一、标准文档流 1. 定义 一个“默认”状态。文档流指的是元素排版布局过程中，**元素会自动从左往右，从上往下的流式排列。**并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。 2. 微观现象 （1）空白折叠现象。比如，如果我们想让img标签之间没有空隙，必须紧密连接。 <img src="img/00.jpg"/><img src="img/02.jpg"/> 若是以下没
html——影响文档流属性详解
xcymorningsun的专栏
12-02 3010
下面哪个属性不会让 div 脱离文档流（normal flow）？ position: absolute; position: fixed; position: relative; float: left; 答案为c 有些人不太理解自己太误人子弟，网上摘抄了下供大家参考。 所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流
CSS 浮动
weixin_33853827的博客
07-30 144
css中，文档流是什么？ 普通流就是正常的文档流，在HTML里面的写法就是从上到下，从左到右的排版布局。 例： &lt;div id=”01”&gt;&lt;/div&gt;&lt;div id=”02”&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt; 很显然这是最普通的文档流，从左到右，一个挨一个按照顺序01先，02其次，03最后排列。 一旦给其中...
块元素和内联元素，文档流
pshbmw的专栏
10-20 360
在一开始学习前端的知识的时候，自己忽略了或者说是没有引起我的注意的一个问题。
浮动：让默认（标准）文档流下的元素漂浮起来水平排列
weixin_30263277的博客
12-10 260
float--left左浮动；right右浮动；none不浮动；浮动排列的顺序不会改变，默认时谁在第一个，浮动就会排在第一个； 浮动的影响：1、行内元素浮动之后可以支持宽高；2、文本会给浮动的元素让位；可以制作文本绕排的效果；3、在父级没有给高度的情况下，子级浮动后父级会没有高度； 清除浮动：1、在父级内容的最后添加一个空的div，添加clear属性；clear--left清除左浮动；righ...
脱离文档流
bujiongdan的博客
11-19 293
div要移动，添加动画，要脱离本来的文档流 把div脱离文档里： +position:absolute; top:10px; left:10px; right:10px; bottom:10px;   div的父级元素里： +position:relative   因为，正常div是排队的。...
HTML页面布局之文档流
qq_43620719的博客
08-24 722
目录前言一、什么是文档流？二、html标签在文档流中是怎样排列的1.块级元素在标准文档流中独占一行，不能与其他任何元素并列。多个块级元素垂直排列2.行内元素在标准文档流中没有宽高，与其他元素并排。 前言 一、什么是文档流？ 文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。 二、html标签在文档流中是怎样排列的 css将html标签分成了块级元素和行内元素。 1.块级元素在标准文档流中独占一行，不能与其他任
XML元素与属性的选择指南
元素通常用于封装数据，它们是XML文档的主要构建块，可以包含其他元素、文本或属性。属性则通常用于提供有关元素的附加信息，这些信息不是原始数据本身，而是元数据，即关于数据的数据。 当考虑使用属性时，有以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值