
postcss
HTML中无“透明颜色代码”独立属性,透明需用CSS的#RRGGBBAA或rgba()定义颜色,或opacity控制整个元素;前者仅影响指定颜色,后者影响元素及子元素全部内容。
选Sass更适合中大型项目。因其模块系统更可靠、构建工具链支持更成熟、CI/CD更稳定、调试与类型提示能力更强,且社区维护更活跃;LESS虽上手快,但长期维护成本更高。
默认box-sizing仍为content-box,需手动设置、::before、*::after为border-box并置于reset后;同时reset清除margin/padding后须重定义语义...
link标签顺序影响样式生效,因CSS层叠中源顺序是权重与!important相同时的最终决胜条件;HTML中link按书写顺序阻塞解析、下载并应用,故需将基础样式置前、覆盖样式置后,禁用async/...
应按语义边界拆分公共CSS:组件级、布局级、主题级可独立,reset与typography合并为base.css;禁用@import,改用构建合并或link引入;CSS变量按模块作用域定义;PostC...
安全取决于CDN可信度与HTTPS+SRI等防护措施;HTTPCDN必然不安全,因混合内容被拦截且易遭中间人篡改;应选知名HTTPSCDN、强制https协议、添加integrity校验及crosso...
:not()仅支持简单选择器,禁用复合/后代选择器;CSS4扩展支持多参数如:not(.a,.b);IE全系不支持;不可修饰伪元素;优先级等同内部选择器;复杂逻辑建议用JS或语义化class替代。
透明颜色必须用rgba()或hsla(),不可用hex或命名色;transparent仅表全透;opacity作用于整个元素并触发新层叠上下文,易致z-index异常。
关键CSS必须内联以避免渲染阻塞;应提取首屏必需样式(10KB)内联至head,用critters等工具生成临界CSS;合并CSS需注意顺序、去@import、防重复;PurgeCSS需配置conte...
应抽离公共样式为base.css顶部同步加载,页面专属样式用preload异步加载,禁用内联style;用CSS变量统一管理主题,构建时按页面拆包并hash命名,服务端注入带版本号的CSS链接并设置f...