有人说学CSS就像搭积木我们不需要记住所有形状和颜色的积木CSS属性而是先掌握常用的几种。用这些基础积木先搭出大致形状实现网页基本布局之后想让作品更精美再去了解其他积木特性一步步完善细节。重点是先让积木稳稳立住再追求花哨外观。先理解“做前端”的基本思路在 HTMLCSS 网页开发中新手最容易踩的坑就是一上来就堆代码结果样式混乱、结构不清。其实正确的顺序应该是1. 先写出基本结构与布局2. 再进行样式微调3. 最后加一些交互效果或增强体验布局决定了页面的骨架而 CSS 只是给“骨架”上色、加皮肤。掌握这种思维后很多 CSS 属性你自然就“记住”了。接下来我们就按照这个思路从基础布局到高级样式一步步做一个“导航栏”边做边讲解核心 CSS 属性的用法。