VixenAhri

定位：position、z-index、sticky position 决定元素怎么"脱离"文档流、相对谁定位。搞懂 static、relative、absolute、fixed、sticky，布局和

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

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

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

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

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