外部CSS文件不可被块替代,因其支持浏览器长效缓存、避免重复传输,而内联样式每次加载均重传且破坏结构分离,导致维护困难与UI不一致;BEM通过语义化命名(如product-card__price)提升复用性与可维护性,禁用div1等无意义命名。

为什么
因为浏览器对
常见错误现象:.btn { color: #007bff; } 写在某个页面的
- 所有通用样式必须抽离为独立
main.css或base.css,通过<link rel="stylesheet" href="main.css">引入 - 仅当某页有极简专属样式(如临时Banner背景色),才允许用