从尺寸到外观
本课小结
1 · 区分空间
内容、内边距、边框、外边距是四个区域;背景不会绘制到外边距区域。
2 · 算清尺寸
先看宽度限制,再看 box-sizing。边框盒宽度不包含外边距。
3 · 保留内容
内容变长时,可以让盒子增高,也可以按需滚动。裁剪不等于解决尺寸问题。
4 · 设置外观
背景色、背景图像和渐变可以组合;修改简写属性时,要留意哪些旧设置被重置。
本课的判断顺序:空间是否足够 → 内容是否完整 → 外观是否清楚。
下一步:
内容、内边距、边框、外边距是四个区域;背景不会绘制到外边距区域。
先看宽度限制,再看 box-sizing。边框盒宽度不包含外边距。
内容变长时,可以让盒子增高,也可以按需滚动。裁剪不等于解决尺寸问题。
背景色、背景图像和渐变可以组合;修改简写属性时,要留意哪些旧设置被重置。
本课的判断顺序:空间是否足够 → 内容是否完整 → 外观是否清楚。
下一步: