ARTICLE DETAIL

资讯详情

深耕编程入门与网站建设的一线实战洞察。

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

Django + Vue电商项目第007讲:CSS基础|选择器优先级、盒模型与三种定位 第6讲我们写好了商品卡片的HTML骨架。这一讲给它穿上衣服——边距、边框、悬浮阴影。但CSS里90% 的困惑都来自三件事没分清:选择器优先级、盒模型、定位。本讲一次讲透。建议先点赞 + 收藏 + 关注,写样式卡住时随时回查。一、为什么CSS「看起来会,一写就错」很多新人写CSS的体验是:照着教程敲一遍能跑,自己写就各种不对。原因几乎都是三个底层概念没分清:选择器优先级:两条规则同时生效,哪条赢?盒模型:一个元素的实际宽度,到底算不算padding和border?定位:relativeabsolutefixed三种position各自怎么用?本讲把这三件事讲透。后面讲Flex布局(用本讲的三件套作为基础),最后再讲Grid响应式(更现代的方案)。二、选择器优先级:为什么我加的样式不生效优先级从高到低!important 内联style
返回列表