![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
web scavengers~
木架
展开
-
静态补充CSS-BFC讲解
对BFC的理解 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Context(译为:格式化上下文)(一个决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染。 ①block-level box:display 属性...原创 2019-09-10 19:38:54 · 79 阅读 · 0 评论 -
css3-Flex布局-项目属性
项目属性 项目属性: 设置容器内项目相关样式,用于设置项目的尺寸、位置,以及对项目的对齐方式做特殊设置。 项目元素属性集合: order、flex-grow、flex-shrink、flex-basis、flex、align-self 项目属性: 1.沿主轴方向上的排列顺序order: 0(默认值) | <integer整数> order属性 作用: 设置项目沿主轴方向上的排列顺序,数...原创 2019-09-10 19:19:27 · 97 阅读 · 0 评论 -
css3-flex布局-容器属性
盒模型分类 盒模型分类:IE盒模型,标准盒模型,本质区别:宽高计算方式 场景 场景: 在小程序开发中,需要考虑各种尺寸终端设备上的适配。 在传统网页开发,用的是盒模型,通过display:inline | block | inline-block、 position、float来实现布局,缺乏灵活性且有些适配效果难以实现 比如 要求内容高度不确定情况下,保持垂直居中 在不固定高度信息的例子中,只...原创 2019-09-09 20:57:11 · 103 阅读 · 0 评论 -
css3-物理与逻辑像素
css3-物理与逻辑像素 vw和vh是css3中的新单位,是一种视窗单位,在移动端中也同样适用。 ①窗口宽度固定为100vw,将窗口宽度平均分成100份,1份是1vw ②窗口高度固定为100vh ,将窗口高度平均分成100份,1份是1vh vw、vh新单位 vmin与vmax: vmin:vw和vh中较小的那个。 vmax:vw和vh中较大的那个。 屏幕尺寸 屏幕尺寸指屏幕的对角线的长度,单位是英...原创 2019-09-09 20:43:58 · 109 阅读 · 0 评论