css3颜色模式 圆角的实现 width的属性值 触发怪异盒模型

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不会对盒子大小产生影响