梳理 CSS 模块化

35 阅读1分钟

为什么不建议使用行内样式? 使用行内样式的缺点

  • 样式不能复用。
  • 样式权重太高,样式不好覆盖。
  • 表现层与结构层没有分离。
  • 不能进行缓存,影响加载效率。

什么不建议使用导入样式? 使用导入样式的缺点

  • 导入样式,只能放在 style 标签的第一行,放其他行则会无效。
  • @import 声明的样式表不能充分利用浏览器并发请求资源的行为,其加载行为往往会延后触发或被其他资源加载挂起。
  • 由于 @import 样式表的延后加载,可能会导致页面样式闪烁。

CSS模块化