type
status
date
slug
summary
tags
category
icon
password
URL
flex弹性盒
容器属性
flex-direction属性
决定主轴的方向（即项目的排列方向）
flex-wrap属性
如果一条轴线排不下，如何换行
justify-content属性
项目在主轴上的对齐方式
align-content属性
项目在垂直维度的对齐方式
align-items属性
项目在交叉轴上的对齐方式
项目属性
align-self属性
定义单个项目有与其他项目不一样的对齐方式，默认
auto，表示继承父元素的align-items属性flex属性
flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto
flex-grow属性
项目的放大比例，默认为
0，即如果存在剩余空间，也不放大如果属性值都为
1，将等分剩余空间；如果某个项目属性值为2，其他为1，则前者占据的剩余空间将比其他项多一倍flex-shrink属性
项目的缩小比例，默认为
1，即如果空间不足，该项目将缩小如果属性值都为
1，将等比例缩小；如果某个项目属性值为0，其他为1，则空间不足时，前者不缩小flex-basis属性
项目占据主轴的控件，默认为
auto,可以设为跟width 或 height属性一样的值横向滚动
点击相关
文字相关
字体引入
字体样式
下划线
首行缩进 & 字符间距
文本对齐
垂直对齐
更写书写方向
文本换行
文字超出隐藏，显示省略号
文字大小写
其他样式
特殊汇总
自适应宽度
去除选框
<video/><img/>比例问题
图片文字环绕
模糊毛玻璃 filter & backdrop-filter
实现平滑滚动
自定义滚动条
长列表性能渲染提升
Chrome浏览器自动填充默认背景
Sass安装
- 作者:Orcatt
- 链接:https://orcatt.one/article/127e26e1-0cf3-80d6-9abd-f227479de0cd
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。