美文网首页
CSS文档流与块级元素(block)和内联元素(inline)理

CSS文档流与块级元素(block)和内联元素(inline)理

作者: hw_zhu | 来源:发表于2016-11-05 10:34 被阅读41次

参考文章:CSS文档流与块级元素和内联元素

定义
  • 文档流 :将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.有三种情况将使得元素脱离文档流而存在,分别是浮动(float), ,绝对定位 (position=absolute), 固定定位 (position=relative).

  • 块元素 :一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"

  • 内联元素 :任何不是块级元素的可见元素都是内联元素 如 <span> 定义文本内区块。


定位模式
  • 相对定位:即相对于元素在文档流中位置进行偏移. 但保留原占位.
  • 绝对定位:即完全脱离文档流, 相对于position属性非static值的最近父级元素进行偏移
  • 固定定位:即完全脱离文档流, 相对于视区进行偏移.

相关文章

  • 24-hour前端基础补充计划

    HTML & CSS 元素 文档流中的元素分为两类:行内(inline/内联)和块级(block)元素行内元素不能...

  • css深入浅出之宽度与高度

    文档流:文档内元素的流动方向 内联元素从左往右 块级元素从上往下 block,inline,inline-bloc...

  • 浮动

    常见网页布局 1、标准文档流组成 块级元素(block) … 、 、 、列表内联元素(inline) 、 、 、 ...

  • inline和inline-block的区别

    inline 行内元素 inline-block 内联块级元素(可以设置宽度和高度地块元素) block 块级元素

  • css 元素分类

    块级元素 内联元素(行内) 内联块级元素 块级元素 等display:block inline 内联原素 内联块级元素

  • CSS布局

    元素的显示方式 block:块级元素 inline:内联元素 inline-block:内联块元素 说明: 如果d...

  • CSS文档流与块级元素(block)和内联元素(inline)理

    参考文章:CSS文档流与块级元素和内联元素 定义 文档流 :将窗体自上而下分成一行行, 并在每行中按从左至右的顺...

  • CSS03

    CSS 元素分类(块级元素、行内元素) display:block、inline、inline-block 块级包...

  • 什么时候用Margin?什么时候用Padding?

    在HTML文档中,我们一般把HTML标签粗分为块级元素(block)和内联元素(inline)。块级元素是是构成一...

  • 十·CSS常用样式

    1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...

网友评论

      本文标题:CSS文档流与块级元素(block)和内联元素(inline)理

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