为了账号安全,请及时绑定邮箱和手机立即绑定

如果将此代码第7行中“h1”更改为“body”,应用出来的效果为何会有差异?

1<!DOCTYPE HTML>
2<html>
3   <head>
4       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5       <title>Html和CSS的关系</title>
6       <style type="text/css">
7       h1{
8          font-size:12px;
9          color:#930;
10          text-align:center;
11       }
12       </style>
13   </head>
14   <body>
15       <h1>Hello World!</h1>
16   </body>
17</html>


正在回答

5 回答

57c7974000013ad905000158.jpg

57c797400001c5d705000211.jpg

具体看图

0 回复 有任何疑惑可以回复我~
#1

evil_xh 提问者

设置body时,h标签不会继承父元素的font-size属性;更换为h标签后是强制h标签发生作用,谢谢你~
2016-11-05 回复 有任何疑惑可以回复我~

第7行  h1 改为body之后,运行结果应该是一样的,但是如果body里面有新增内容,样式也会统一改变的,因为你现在定义的是body的样式,不只是h1的样式了;

0 回复 有任何疑惑可以回复我~

h1{}代表的是所指定的css范围 若为body 则css的应用范围为整个body的内容,若为h1,则只是将css应用于h1这一标签范围

0 回复 有任何疑惑可以回复我~
#1

evil_xh 提问者

可是body中的内容仅有<h1>Hello World!</h1>这一句,显示出的结果为字体大小不一?
2016-08-02 回复 有任何疑惑可以回复我~
#2

stylishLLL 回复 evil_xh 提问者

若body内只有h1那也就是改变h1
2016-12-03 回复 有任何疑惑可以回复我~

如果body中只有<h1>这一对标签,运行结果并没有什么区别。但是添加新内容后就会有所变化,因为新添加的内容一样会被改变样式。

0 回复 有任何疑惑可以回复我~

从运行结果来看并不会有什么差别,都是“Hello World!”被改变颜色和大小之后居中显示,但是body中加入其它内容之后,就会有区别了,新加入的内容一样会被改变样式,但是如果第七行用h1,就只有Hello World!会改变样式,其它新加入的内容不会有变化

0 回复 有任何疑惑可以回复我~
#1

evil_xh 提问者

<body> <h1>Hello World!</h1> </body> 上面的代码只有“Hello World!”一句,如果更改第7行“h1”为“body”后字体大小有差,缘何?
2016-08-02 回复 有任何疑惑可以回复我~
#2

763180872 回复 evil_xh 提问者

浏览器渲染造成的
2016-09-01 回复 有任何疑惑可以回复我~
#3

763180872 回复 evil_xh 提问者

具体看下面回复的图
2016-09-01 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

如果将此代码第7行中“h1”更改为“body”,应用出来的效果为何会有差异?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信