CSS

前端开发 · 共 7 篇

从"CSS 到底是干嘛的"讲起，搞懂行内、内部、外部三种引入方式各自的适用场景，再吃透元素、类、ID 这些最常用选择器，配一个能直接抄的示例。

每个 HTML 元素在浏览器眼里都是个盒子。这篇把 content、padding、border、margin 四层讲清，顺便解决"为什么我设了宽度却对不上"的盒模型之坑。

被"怎么让元素居中""怎么让一排自适应"折磨过的人，Flexbox 就是来解救的。这篇把容器和项目的常用属性讲透，并给出几个天天用得上的实战套路。

Flexbox 擅长"一排或一列"，遇到"既要管行又要管列"的整体布局，Grid 更合适。这篇讲清行列定义、fr 单位、网格区域和跨格，配一个卡片墙示例。

position 的 static/relative/absolute/fixed/sticky 各管什么，z-index 怎么决定谁压谁，以及 float 这个"上古布局术"为什么还值得了解。一篇补齐定位这块拼图。

字体栈怎么写才不翻车，字号单位 px/rem/em 怎么选，颜色用十六进制还是 hsl，背景渐变怎么写。这篇把"视觉美化"最常用的样式讲清。

为什么页面在电脑上好看、手机上就崩？viewport 和媒体查询是关键。这篇讲清移动优先思路、断点选择、相对单位与响应式图片，让你的一套样式通吃各种屏幕。