<!DOCTYPE html>
<html>
<head>
<style>
html,
body {
font-size: 16px;
width: 70vw;
height: 40vh;
background-color: yellow;
}
h1 {
background-color: red;
}
</style>
</head>
<body>
<h1>My First Heading</h1>
</body>
</html>在上面的代码中,我设置了widthto 70vw和heightto 40vh.
我有两个问题:
height的html,body还是当我指定它应该只使用填充40%填充视口高度的100%,40vh在html,body申报？70vw从html,body声明即使宽度是不能继承,但对于H1的高度没有被设置为40vh从html,body申报？使用线性渐变 CSS 属性时，使用 left 和 right 作为方向值时，背景显示没有条纹。但是当方向值指定为顶部或底部时，背景中会出现条纹。有什么办法可以去除条纹吗？
这是代码：
body {
background: linear-gradient(to top, red, yellow);
}