body设置高度 背景颜色全屏/仍然会铺满/渐变断层

    body{
        width: 100%;
        height: 500px;
        background: palegoldenrod;
    }

结果如图：

image.png

这是为什么呢？？？

image.png

html标签未被激活，body会被浏览器当做根结点来对待，body的高是都是无效
html没有设置任何背景色或者属性时，body的背景色其实不是body标签的背景色，而是浏览器的

---

为什么html和body才能操作背景？？？
因为html和body是唯一的

---

背景色为渐变呢？？？

image.png
image.png

不是说好当做根节点

渲染原理究竟是怎样的呢？？？
https://www.cnblogs.com/zhaoliu100125/p/9429000.html

    html {
        background: mediumaquamarine;设置这个

    }

    body {
        width: 100%;
    
        background: palegoldenrod;或者设置这个
        background: linear-gradient(palegoldenrod, pink);
    }