Html css

1.shape-outside

css属性定义了一个可以是非举行的形状，相邻的内敛内容围绕形状进行包装，但是你给他加背景颜色，你会发现他的可视大小还是举行

2.层叠上下文

在定位元素中，父盒子的z-index小于兄弟元素的z-index时，父盒子中的子元素z-index在高也不会覆盖父元素的兄弟元素

3.隐藏文本

text-indent:-2000px  

font-size:0px

4.角向渐变

 5.object-fit

图片在指定尺寸后，可以设置object-fit为contain或cover保持比例（宽和高）

6.虚化

filter:blur（2）

7.自定义属性

使用c3的自定义属性

div{

  --name:18px;

font-size:var(--name)

}

8.min-content/max-content

width:min-content

可以设置宽度为min-content/max-content，前者让内容尽可能地收缩，后者让内容尽可能的展开

9.resize

普通元素也可以像textarea那样resize