前端面试总结-css部分
文章平均质量分 71
这个专栏创建于2023年3月4日,正在面临面试,找实习的我,总结一些知识点,为面试做准备, 希望能帮助到正在迷茫之中的我们
周万宁.FoBJ
不辜负生活中的每一份热爱
展开
-
5.flex布局
1)flex-direction: row(默认值,主轴未水平方向,起点在左端) | row-reverse(主轴为水平方向,起点在右端) | colunm(主轴为垂直方向,起始点在上沿) | column-reverse(主轴方向为垂直方向,起始点在下沿)决定主轴的方向2)flex-wrap: nowrap(默认值,不换行) | wrap(换行,第一行在上方) | wrap-reverse(换行,第一行在下方)如果一条轴线排不下,如何换行3)原创 2023-03-05 14:47:02 · 302 阅读 · 0 评论 -
3. 清除浮动的几种方式,及其使用
使用before和after伪元素清除浮动(推荐使用): 这种方式也是使用额外标签方式达到效果,只是变相的使用了伪元素after/before,使得页面结构更简介,也是常用的清除浮动的方式。一个新的 display 属性的值,它可以创建无副作用的 BFC。给 元素设置 display: flow-root 属性后, 中的所有内容都会参与 BFC,浮动的内容不会从底部溢出。清除浮动: 清除浮动后造成的影响-->清除浮动主要为了解决父级元素因为浮动引起内部高度为0的问题。原创 2023-03-04 13:29:09 · 517 阅读 · 0 评论