考点介绍：

flex全称为 “Flexible Box Layout”，即 “弹性盒布局”，旨在提供一种更有效的方式来布局、对齐和分配容器中项目之间的空间，即使它们的大小未知或动态变化。

本期分享的专题分为试题、文章以及视频三部分。答案详情解析和文章内容可扫下方二维码或链接即可查看！

一、考点题目

1、知道flex布局吗？那些属性作用在父元素上，那些属性作用在子元素上?

解答：一般display：flex写在父元素的属性上！下面是基本理解：在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，这是默认的设置，在容器中的每个单元块被称之为 flex item，每个项目占据的主轴空间为 (main size), 占据的交叉轴的空间为 (cross size)......

2、哪些属性作用在父元素上？

解答：justify-content：space-around space-between space-evently center flex-end；align-items:flex-star flex-end；flex-direction :row row-reverse column column-reverse......

3、哪些属性作用在子元素上？

解答：order （项目排列的顺序 越小越靠前）；align-self（单个属性的操作 flex-end center flex-star）......

（答案点击下方链接或者扫海报二维码查看哦）

二、考点文章

1、【校招VIP】flex 布局详细

什么是Flex布局，Flex是Flexible Box的缩写 flex布局表示弹性布局，可以为盒状模型提供最大的灵活性。适用范围......

2、【校招VIP】必须记住的知识点flex布局（面试题）

一般display：flex写在父元素的属性上！下面是基本理解！在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，这是默认的设置。在容器中的每个单元块被称之为 flex item，每个项目占据的主轴空间为 (main size), 占据的交叉轴的空间为 (cross size)......

（扫下方海报二维码查看完整版）

三、考点视频

把CSS的复杂选择器和简单选择器放到一起比较优先级，会不会晕

当我们写页面的时候，不知道你会不会产生这样的问题，为什么我给他添加的这条样式分明已经选择到我要给的元素了，但是他的样式并没有生效，那是为什么呢？定义的属性有冲突时，浏览器会选择用那一套样式呢，下面来介绍一下选择器的优先级......

更多资讯可搜索校招VIP小程序查看哦!

移动端链接：https://m.xiaozhao.vip/dTopic/detail/1312

PC端链接：https://xiaozhao.vip/dTopic/detail/1312