美文网首页
标准文档流

标准文档流

作者: Tn299 | 来源:发表于2019-05-14 16:25 被阅读0次

标准文档流的组成

根据标准文档流的排列规则,标准文档流由块级元素和内联元素两类元素组成。

块状元素

块级元素是指以一个块级形式表现出来,并且跟同级的兄弟块依次竖直排列,左右撑满。
html块状标签:<h1>…<h6>、<p>、<div>、列表

内联元素

对于文字这类元素,各个字母之间横向排列,到最右端自动折行。
html中内联元素
<span>、<a>、<img/>、<strong>...

块级与内联元素的区别

(1) . 块级元素独占一行,内联元素没有自己的区域;
(2) . 内联标签可以包含于块级标签中,成为它的子元素,而反过来则不成立。

display属性

(1) . 块级元素和内联元素的相互转化,即通过设置元素的display属性,可以将块级元素转化为内联元素,也可以将内联元素转化为块级元素。
(2) . 控制元素的显示和隐藏

display常用属性

image.png

例:
<div><span style="display:block"></div>
css中:span{display:block }

相关文章

  • CSS的5种position定位

    static:静态定位,所有标准文档流中的元素默认值 relative:相对定位,不脱离标准文档流,相对于标准文档...

  • 标准文档流

    标准文档流的组成 根据标准文档流的排列规则,标准文档流由块级元素和内联元素两类元素组成。 块状元素 块级元素是指以...

  • 标准文档流

    标准文档流 web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”。而...

  • Float && Position-Assign

    1.文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流(normal flow),也称为标准文档流、常规...

  • 浮动float

    标准文档流 标准文档流组成 块级元素(block level) 列表独占一行,可设置宽高,宽度默认与...

  • css布局—浮动float

    浮动:float,会脱离标准文档流。属性值:leftright二.浮动的特性1、浮动的元素会脱离标准文档流,不再区...

  • CSS标准文档流

    1. 标准文档流 文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而...

  • CSS标准文档流

    标准文档流 标准文档流,指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。前面内容发生了变...

  • CSS标准文档流与脱离文档流

    标准文档流 文档流:指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分...

  • css的定位机制

    css中的定位机制有3中,分别是标准文档流、浮动定位和绝对定位 1.标准文档流(Normal flow)(1)对于...

网友评论

      本文标题:标准文档流

      本文链接:https://www.haomeiwen.com/subject/vwfeaqtx.html