CSS

背景和边框，绝对是CSS里“最能提升页面质感，但也最容易踩坑”的知识点。最开始我觉得，不就是给元素加个背景、设个边框吗，随便写两句background、border就完事，结果做出来的效果要么土气十足

CSS 文本与字体，咱就是说，看似是最基础、最不用费脑子的知识点，却是我早期开发中，踩坑最多、最容易翻车的地方！谁懂啊家人们，最开始我天真地以为，不就是设个字体、调个字号吗，随便写两句应付一下就行，结

CSS 颜色与渐变，绝对是我刚学前端时的“颜值瓶颈”——最开始只会抄设计稿上的hex色值，调个主题色hover效果，要反复改几十次色值才能勉强满意；写渐变要么过渡得生硬又突兀，要么角度写错导致整体错位

单位：px、em、rem、vw、vh、clamp 怎么选？ CSS 单位是响应式布局的核心，也是我刚学响应式时踩坑最多的知识点之一——明明写好的尺寸，换个屏幕、调个字体大小就错乱，排查后才发现是单位选

盒模型与 box-sizing：width 到底含不含 padding？ 盒模型是CSS布局的核心基础，也是我刚学CSS时踩坑最多的知识点之一——明明设置了固定width，元素实际占宽却超出预期，排查

选择器与优先级：为啥我的样式不生效？（附个人踩坑分享） 刚开始写CSS时，我经常被“样式不生效”困扰，明明代码逻辑没问题，页面却毫无反应，排查许久才发现根源。总结下来，90%的问题集中在两点：要么选