Django + Vue电商项目第007讲：CSS基础｜选择器优先级、盒模型与三种定位

第6讲我们写好了商品卡片的HTML骨架。这一讲给它穿上衣服——边距、边框、悬浮阴影。 但CSS里90% 的困惑都来自三件事没分清：选择器优先级、盒模型、定位。本讲一次讲透。 建议先 点赞 + 收藏 + 关注，写样式卡住时随时回查。

一、为什么CSS「看起来会，一写就错」

很多新人写CSS的体验是：照着教程敲一遍能跑，自己写就各种不对。

原因几乎都是三个底层概念没分清：

本讲把这三件事讲透。后面讲Flex布局（用本讲的三件套作为基础），最后再讲Grid响应式（更现代的方案）。

二、选择器优先级：为什么我加的样式不生效

优先级从高到低

!important > 内联style &