为什么要初始化 CSS 样式?

• 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

• 当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。

• 最简单的初始化方法： * { padding: 0; margin: 0; } （强烈不建议）

• 使用 normalize.css

CSS 优先级算法如何计算？

• 优先级就近原则，同权重情况下样式定义最近者为准;
• 载入样式以最后载入的定位为准;

优先级为:

• 同权重: 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。
• !important > id > class > tag
• !important 比 内联优先级高

⭐️ min-width、max-width、width 的包含（优先级）关系

属性的含义：

• min-width 限制元素的最小宽度
• max-width 限制元素的最大宽度
• width 元素的宽度

三者之间的优先级：

min-width 和 max-width 的优先级都高于 width。即使 width 后面加上 !important。