没有css属性“根本没默认值”，所有属性均有w3c定义的初始值；如background-color初始值为transparent，display为inline，position为static，z-index为auto，其差异在于初始值是否继承、是否受user agent样式覆盖。
哪些CSS属性根本没默认值？
不是所有CSS属性都有“默认值”——有些属性压根不会被浏览器初始化，只在继承链上起作用。比如 color 会从父元素继承，但 background-color 没有继承性，且初始值是 transparent，不是“无”或“空”。很多人误以为没写就是“没生效”，其实是它真就渲染成透明了。
-
display的初始值是inline，但只对原生内联元素（如span）有效；div这类块级元素的display是由 HTML 规范预设为block，不属于 CSS 初始值范畴 -
position初始值是static，但它不触发层叠上下文、不响应top/left，这点常被当成“失效”去调试 -
z-index只对定位元素（position不是static）有意义，初始值auto表示“不创建新层叠上下文”，不是 0
inherit / initial / unset 三个关键字怎么选？
它们不是“重置默认值”的同义词，行为差异极大，用错会导致样式意外穿透或丢失。
-
inherit强制从父元素取值，哪怕父元素是靠unset回退来的，也照搬不误 -
initial回到 W3C 定义的该属性初始值，比如margin是0，font-weight是normal，但color是canvastext（取决于系统主题） -
unset是“智能回退”：有继承性的属性等价于inherit，否则等价于initial；但注意它不解决浏览器默认样式（user agent stylesheet）带来的干扰
典型误用：all: unset 会清掉 display、visibility 等关键属性，导致元素不可见或布局崩溃，慎用。
浏览器默认样式（user agent stylesheet）和CSS初始值不是一回事
CSS规范定义的初始值（initial value）是语言层面的约定，而浏览器实际渲染时加了一层 user agent stylesheet —— 比如 button 的 border 默认是 2px outset，但这不是 border 属性的初始值（它的初始值是 medium none currentColor），而是浏览器硬塞的规则。
立即学习“前端免费学习笔记（深入）”；
- 查初始值看 MDN 或 CSS 规范（如 CSS Backgrounds Level 3），别依赖 DevTools “Computed” 面板里显示的值
- 重置时优先用
all: initial+ 显式声明关键属性，而不是依赖* { margin: 0; padding: 0 }这种粗暴写法 -
input、textarea、select等表单控件的默认边框/背景/字体，基本都来自 user agent 样式，appearance: none才能真正剥离
哪些属性的初始值在不同浏览器中不一致？
绝大多数核心属性（display、margin、font-size）是统一的，但以下几类容易出偏差：
-
box-sizing：初始值是content-box，但部分旧版 Android WebView 曾返回border-box -
text-rendering：Chrome/Safari 初始值是auto，Firefox 是optimizeLegibility（已废弃，但影响历史版本） -
scroll-behavior：初始值auto，但 Safari 直到 15.4 才支持，之前忽略该声明，不报错也不生效 -
accent-color：初始值auto，但各浏览器对auto的解析逻辑不同（比如是否跟随系统主题色）
跨浏览器稳定的关键，是把“依赖初始值”的逻辑显式写出来，尤其是表单控件和滚动行为这类视觉敏感项。
