50. [扩展]body背景
前面介绍过，背景的默认填充范围是边框盒，不包括盒子的 margin 部分，但是，这条规则对于 body 元素来说，是不生效的。
1. 画布 canvas
注意：这里介绍的 canvas 并非 H5 里面的 <canvas> 元素。
画布 canvas，它表示一块区域。
canvas 的特点：
- 最小宽度为视口宽度
- 最小高度为视口高度
2. <html> 和 <body>元素的背景
html
html 元素的背景覆盖画布。
body
分下面两种情况：
- 如果
<html>元素有背景，<body>元素正常（背景覆盖边框盒）。 - 如果
<html>元素没有背景，<body>元素的背景覆盖画布。
4. 关于画布背景图
- 背景图的宽度百分比，相对于视口
- 背景图的高度百分比，相对于网页高度
- 背景图的横向位置百分比、预设值，相对于视口
- 背景图的纵向位置百分比、预设值，相对于网页高度
小结
4. 关于画布背景图这一部分，既没听懂，也没记住。
具体规则很难记住，如果，在开发中遇到需要设置背景的需求，可以回头看一下该视频。
若有收获，就点个赞吧
0 人点赞
