由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡

由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡
问题：当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡

不声明文档类型时，对body设置线性背景色
1. <HTML>
2. <head>
3. <meta charset="UTF-8">
4. <title>Title</title>
5. <style>
6. body{
7. background: linear-gradient(to bottom, #fff, #000);
8. }
9. </style>
10. </head>
11. <body>
13. </body>
14. </HTML>
显示如下：

声明文档类型后，显示如下
1. <!DOCTYPE html>
2. <HTML>
3. <head>
4. <meta charset="UTF-8">
5. <title>Title</title>
6. <style>
7. body{
8. background: linear-gradient(to bottom, #fff, #000);
9. }
10. </style>
11. </head>
12. <body>
14. </body>
15. </HTML>
最终解决方案：
1. <!DOCTYPE html>
2. <HTML>
3. <head>
4. <meta charset="UTF-8">
5. <title>Title</title>
6. <style>
7. html, body{
8. height: 100%;
9. }
10. body{
11. background: linear-gradient(to bottom, #fff, #000);
12. }
13. </style>
14. </head>
15. <body>
17. </body>
18. </HTML>
```
参考文档：
```
CSS解决高度自适应问题
相关阅读:
2020春，不一样的学期不一样的软工实践
 尘埃落下，我抓住透明的阳光，温暖留在掌心
 敏捷软工
 《构建之法》& CI/CD调研
 2021年-软件工程-热身阅读作业
 从学生到科技工作者
 希望我能帮到你：给同学们软件开发的建议
 CC2020 分享信息
 【计算机教育】看《计算机科学导论》，发展计算思维能力
 【计算机教育】创新工程实践课程的反馈
原文地址：https://www.cnblogs.com/jeacy/p/6531988.html

由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡

不声明文档类型时，对body设置线性背景色

声明文档类型后，显示如下

最终解决方案：