CSS 选择器、层叠与盒模型
HTML、CSS 与 JavaScript 基础#Python全栈#第七阶段#HTML、CSS 与 JavaScript 基础#CSS 选择器、层叠与盒模型约 591 字 · 2 分钟阅读
追问显示点击任意追问卡片可收起 / 展开
内联样式、页面内样式与外部样式表怎样引入？
追问 团队项目通常如何组织可复用样式？文件未加载时怎样确认路径与响应？
元素、类、ID、属性与后代选择器有什么区别？
追问 怎样选择某个区域中的按钮，又避免影响页面其他按钮？
子元素选择器与后代选择器有什么区别？
追问 容器内还有嵌套容器时，两种选择器分别会匹配哪些元素？
伪类与伪元素分别是什么？
追问
:hover、:focus-visible 与 ::before 分别用于什么场景？为什么关键信息不宜只依赖生成内容？多个 CSS 声明同时匹配一个元素时，如何判断最终样式？
追问 来源、重要性、层叠层、选择器优先级和出现顺序应如何结合分析，而不是只数选择器？
哪些样式通常会继承，哪些通常不会？
追问 字体颜色与边距为何常有不同表现？如何通过计算样式确认实际值？
CSS 盒模型包含哪些部分？
追问 内容、内边距、边框与外边距怎样影响占用空间？外边距是否属于
width 指定的盒宽？content-box 与 border-box 有什么区别？
追问 宽度 200px、左右内边距各 20px、边框各 1px 时，两种模式的边框盒宽分别是多少？
块级、行内与 inline-block 在布局上有哪些区别？
追问 宽高设置、换行和基线对齐可能怎样影响按钮或标签排列？
普通块布局中的垂直外边距折叠是什么？
追问 相邻兄弟或父子元素的间距如何判断？Flex/Grid 项的外边距是否也按相同方式折叠？