美文网首页
013 盒模型布局

013 盒模型布局

作者: 泷汰泱 | 来源:发表于2019-10-11 09:58 被阅读0次

盒模型布局

1、盒模型布局基本介绍

  • 布局方位:margin-left、margin-right、margin-top、margin-bottom
  • 影响自身布局:margin-left、margin-top
  • 影响兄弟布局:margin-right、margin-bottom
  • 正向 / 反向:正值 / 负值

2、margin布局坑位

  • 很多语义标签具有默认margin
  • 父子标签margin-top重叠取大者
  • 兄弟标签margin-bottom、margin-top重叠取大者

相关文章

  • 013 盒模型布局

    盒模型布局 1、盒模型布局基本介绍 布局方位:margin-left、margin-right、margin-to...

  • CSS布局模型(5.11)

    1.回顾盒模型 布局模型 布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础...

  • hc15(12-1~12-9)

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • Css学习

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • css布局模型和代码简写

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • HTML+CSS学习笔记 (12) - CSS布局模型

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • css布局模型

    清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 ...

  • CSS布局模型

    清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 ...

  • CSS布局模型

    1.css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模...

  • css布局模型

    清楚了css盒模型的基本概念、盒模型类型,我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是css最...

网友评论

      本文标题:013 盒模型布局

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