Q1主动回忆难度 1
1/12
CSS · 初级 08
记忆强度
CSS初级题库第 8 组，共 12 张卡片。
CSS · 初级 08
Flex 是一种一维布局模型，适合沿主轴排列元素，并在交叉轴上完成对齐、拉伸和空间分配。
使用弹性布局实现两列结构时，可以让容器设置 display: flex，左列通过 flex-basis 指定固定基准宽度并禁止伸缩，右列通过 flex:…
在 border-box 盒模型下，width 指定的是边框盒宽度，内容区、左右内边距和左右边框共同占用这 240px。
居中没有唯一方案，应先明确居中的轴向、容器尺寸是否确定、子元素是否定宽定高、是否允许脱离文档流，以及项目需要兼容的浏览器范围。
CSS 盒模型从内到外由内容区、内边距、边框和外边距组成。
left 和 top 的百分比以包含块尺寸为参照，把子元素左上角移动到父元素中心；
默认的 content-box 盒模型只把 width 作为内容区宽度，左右内边距与边框会在其外部继续增加尺寸。
伪类用于选择处于特定状态、结构关系或条件中的已有元素，例如 :hover、:focus、:first-child 和 :not()；
链接被访问后，鼠标悬停样式看似“失效”，通常不是悬停事件没有触发，而是多个伪类规则具有相同优先级，后声明的规则覆盖了前面的规则。
在 border-box 盒模型下，声明的 width 已经包含左右内边距和左右边框，因此元素边框盒宽度仍为 200px。
浮动与外边距方案的思路是：让固定宽度的左栏脱离常规块布局并向左浮动，再给右栏设置不少于左栏占用宽度的左外边距，为浮动元素预留空间。
rem 和 em 都是相对长度单位，但参照对象不同。