- 博客(3)
- 收藏
- 关注
原创 BFC、IFC、FFC、GFC、
1.BFC简介BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Con...
2019-09-10 18:53:56 545
原创 Flex 布局
1.项目属性:设置容器内项目相关样式,用于设置项目的尺寸、位置,以及对项目的对齐方式做特殊设置。2.(1)order属性作用:设置项目沿主轴方向上的排列顺序,数值越小,排列越靠前,属性值为整数。(2)flex-shrink属性作用:时当项目在主轴方向上溢出,通过设置项目收缩因子来压缩项目适应容器。属性值为项目的收缩因子,属性值取非负数未设置flex-shrink时,默认flex-s...
2019-09-10 18:44:57 78
原创 CSS3物理与逻辑像素 flex
1、物理像素设备像素,在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的。2、逻辑像素CSS像素,viewport中的一个小方格,CSS样式代码中使用的是逻辑像素。如果在一个设备中,物理像素与逻辑像素相等,将不会产生任何问题。但是,在iphone 4中,物理像素是640px960px,而逻辑像素数为320480px。因此,需要使用大约4个物理像素来...
2019-09-09 20:15:47 144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人