首页 > 试题广场 >

定义页面结构如下 &n...

[单选题]

定义页面结构如下

<html>
  <head></head>
  <body>
      <div id="bgcolor" class="bgcolor"></div>
</body>
</html>

下面哪个语法表示将整个页面背景色设置为红色?（）

```
body{color: red}
```

.bgcolor{width:1366px; height:768px; background-color:red;}

#bgcolor{width:100%; height:100%; background-color:red}

```
body{background-color:red}
```

查看正确选项

Emily1

c选项不对，是因为高度是由内容撑开的，高度100%;也只是内容撑开的的100%；

发表于 2021-03-06 14:08:30 回复(0)

加加油

选择器后面没有冒号吧？都不对

发表于 2018-08-20 13:34:58 回复(1)

莫深

A. 设置body 内容颜色

B. 宽高不适配所有电脑的浏览器

C. 定义宽高为100%但是需要有内容撑开代码里面无内容

D. 定义body整个页面为红色适配所有电脑的浏览器

发表于 2021-11-14 09:57:01 回复(0)

Chopinnn

看这里看这里!!!

A选项：color属性设置的是文字颜色，不是背景颜色

B选项：固定了宽高，所以设置的是该div的背景，而不是整个页面的背景

C选项：用百分比设置的宽高，该百分比是相对于包含块（一般可以简单看做父元素）的，而该div的包含块为body，body默认的高度为0（因为body元素内部的内容高度为0），所以该div的高度也为0，背景颜色设置也就无效了

D选项：直接设置了body元素的背景颜色。但是根据C选项的解析，我们会发现一个问题，body元素默认的高度应该为0，理论上背景颜色设置应该是无效的，但为什么能成功呢？这就需要引入canvas（画布）的概念。简单来说就是，普通元素的背景样式覆盖的区域为边框盒（border+padding+content），但html元素和body元素的背景样式是覆盖canvas的，而canvas的最小宽高度为浏览器的视口，所以背景设置有效并且覆盖了整个浏览器视口。

发表于 2023-03-02 13:36:57 回复(0)