css

border-radius

border-radius: 10px; 四个角

border-radius: 10px 20px; （左上右下 对角=10，右上左下 对角=20）

border-radius: 10px 20px 30px; (左上=10，右上左下 对角=20，右下=30)

border-radius: 10px 20px / 30px 40px; 左上右下 x=10 y=30, 右上左下 x=20 y=40

百分比 x=50% 即 宽100px * 50% = 50px 即等于宽的一半，圆或椭圆，

line-height

1.5倍 font-size文字高度 line-height: 150%;line-height: 1.5em;line-height: 2.5;

flex

flex: 1;flex-grow 有空余时-填充比 flex-shrink 空间不足时-缩放比 flex-basis 空间不足时 以此为基准

flex-wrap: wrap; 自动换行

gap

gap: 10px 20px; 行10，列间距20