复习一些CSS

20 阅读1分钟

有三个参数值时 flex(A,B,C)

A表示flex-grow,主尺寸延展;B表示flex-shrink,剩余空间收缩;C表示flex-basic,沿主轴分布;值的顺序必须按照指定

flex-flow

表示的是flex-deriction和flex-wrap;

calc计算

 width: calc(100% - 80px);

calc的可以+,-,*(至少有一个是number),/(除数右面的数必须是 number)

grid

值可以使用单位fr

grid-template包含 grid-template-columnsgrid-template-rows 和 grid-template-areas, gird-gap:设置网格间隙;