CSS 全局关键性属性值

inherit initial unset revert 都是 CSS 属性的关键性属性值,也就是说所有的属性都可以使用这几个属性值

• inherit:这个关键性字是继承的意思.子元素属性设置属性inherit,表示该属性继承父类的属性.在 background-image 中设置 inherit 表示子元素的背景色继承父类的背景色
• initial:初始化关键字,可以把当前的 CSS 属性的计算值还原成 CSS 语法中规定的初始值
• unset:unset是不固定的值,其特性是当前的 CSS 属性具有继承性的时候,相当于 inherit, 当前的元素不具备继承性的时候,相当于 initial.在我们正常开发的过程中,我们常常需要把元素设置为初始值.这时候我们需要使用 all 这个属性设置为unset

all:unset

• revert:是将元素设置为浏览器内置的样式

CSS 新特性渐进增强处理

• 直接使用 CSS 的新特性
• 使用语法差异实现渐进增强效果.(给一个属性设置不能的属性值,其中一个属性值只在最新的版本中能够有效,在低于特定版本时候就失效.这也是一种向下兼容的策略)
• 借助伪类或者伪元素区分浏览器.比如:__::before _::after
• @supports 规则下的渐进增强处理