qq_40783848的博客

关于盒模型的解析，一直存在两种方式： IE盒模型 标准盒模型 在HTML文档头部引入文档头，就可以保证使用标准盒模型来进行解析 什么是盒子模型？ 在CSS中，一个标签就代表一个盒子模型。我们可以通过6大属性来描述一个盒子模型： margin,border,padding,width,height,background 因为标签又 分块级标签、行级标签，6大属性对块级标签都有用，但行级标签中的...

浮动布局 浮动是完全不同于流动的另一种布局模型，有如下特征： 任何定义为float的元素都会自动被设置为一个块状元素显示，可以定义宽高 浮动模型不会与流动模型发生冲突，在垂直方向上应该还处于文档流中 与普通元素意义，浮动元素始终位于包含元素内，不会游离于外，或破坏元素包含关系 需要清除浮动 1. 浮动布局基本使用 float 属性,有left,right两个属性值，用于标准文档流中的图文环绕，...

此案例基于 flex 语法简单实现骰(tou)子1到6点，希望对于了解 flex会有帮助 和 flex 语法篇一起看效果更佳，点击前往 想要实现骰子1到6点，可以想到我们需要一个骰子模型和一个点模型 骰子模型： .container { display: flex; padding: 10px; width: 150px; heigh...

flex 之前，布局采用盒子模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 首先确定两个概念：容器和项目 采用 Flex 布局(display:flex)的元素，称为 Flex 容器（flex container），简称"容器"。 它的所有子元素自动成为容器成员，称为 Flex 项目（flex item）...