Css颜色模式：
rgb（255,0,0）
rgba（255,0,0,0.5）（0.5是透明度）
hsl（58%，56%）色彩饱和度
hala（）
border-image url（路径）
向内偏移的量 二个值（不加单位）
显示状态：repeat round（铺满）
默认：stretch（拉伸）
中间向二侧平铺：
border-image-outset： ；向外超出的量，值是倍数
重点：border-radius：；
border-radius：10px；四周都是圆角
border-radius：10px 20px；左上/右下 右上/左下
border-radius：10px 20px 30px 40px ； 从左上角开始顺时针
border-radius：10px/20px /左侧为水平半径 右侧为垂直半径
width的属性值：
fill-available 填充满空间
fit-content 适应子元素整体的宽度
max-content 让父元素找子元素最大的宽度去设置
min-content 让父元素找子元素最小的宽度
cala（）括号里面放的是一个表达式
width：cala（100%-400px）
pointer-events：；
阻止用户点击动作产生的效果 阻止css里hover和action状态的触发事件 一些多层的绝对定位，覆盖按钮穿透可以点击它
pointer-events：none； 完全禁止鼠标事件
触发怪异盒模型：
box-sizing：；
属性值：
content-box 常规盒模型
border-box 怪异盒模型
怪异盒模型特点：
padding和border不会对盒子大小产生影响