2024年08月31日
欢迎关注！
通过设置元素的display属性值为flex，就可以将该元素设置为弹性容器（flex container），该元素的在文档流中的子元素自动成为弹性容器中的成员，成为弹性项目（flex item）。
弹性容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。弹性项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。
2024年08月31日
http: 是一个客户端和服务器端请求和应答的标准（TCP），用于从 WWW 服务器传输超文本到本地浏览器的超文本传输协议。
2024年08月31日
rem 是 CSS3 新增的一个相对单位，相对于根节点(html)字体大小的值，r 就是 root html{font-size:10px} ，则 2rem=20px，通过它就可以做到只修改根元素的大小，就能成比例地调整所有的字体大小，只依赖 html字体的大小。
2024年08月31日
Flex布局
常见父项的属性：
●flex-direction :设置主轴的方向
Row 默认值从左到右
row-reverse 从右到左
2024年08月31日
要在Angular CLI项目中使用@angular/flex-layout相当简单，只需要两个步骤：
2024年08月31日
51、如何创建基本的 Flexbox 布局？
要创建基本的 Flexbox 布局，您需要定义一个 Flex 容器并指定其子元素（Flex 项）的行为方式。通过将容器的display属性设置为flex并使用各种Flexbox属性（如flex-direction、justify-content和align-items），您可以实现不同的布局。这是一个例子：
2024年08月31日
在面试的时候，当面试官问我们为什么要使用flex布局的时候，首先我们得先明白一点，问这个问题面试官到底想要了解什么？简单的回答”好用“肯定是不行的，任何方案和技术的出现都是为了弥补之前的缺陷，所以相比传统的布局方案存在的痛点，flex布局肯定有存在的优势和价值。所以接下来我们得说传统的布局是怎样的形式，然后使用了flex布局又是什么样的形式。