                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么*{font-size:20px;}和body{font-size:20px;}显示出来的字体大小不一样

如图，这弄得我好难受

慕盖茨1361387

2016-07-15

源自：初识HTML(5)+CSS(3)-升级版 8-8

关注问题我要回答

4373

操作

收起

10 回答

lifeGWT 回答被采纳 +3 积分
2016-07-15

因为*是通用选择器，可以匹配任何一个标号，自然包括h1标签；至于第二个用body作为选择器的时候，它作用于内层标签是通过继承得来的，遇到与内层标签的属性冲突的时候优先显示内层标签的，所以图二显示的是h1标签的默认字体大小

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

收起回答

慕盖茨1361387 提问者

非常感谢！

2016-07-15 回复有任何疑惑可以回复我~

稀饭DD

并不是默认大小，变大了。。

2016-07-15 回复有任何疑惑可以回复我~

lifeGWT 回复慕盖茨1361387 提问者

不客气

2016-07-15 回复有任何疑惑可以回复我~

查看1条回复

稀饭DD
2016-07-15

body在这里是一个容器，就跟div一样，这个例子里面包含h1和p标签。直接对容器设置属性，容器内部的标签样式是整体变的（也就是说你不设置的话，h1自带属性决定它也比p大，设置之后，随容器一起变大变小）。

*通配符，在这个例子里面相当于"body{xxx} h1{xxx} p{xxx}"，对所有标签设置属性，因此“h1{xxx}”这部分将h1的样式重新设置了，h1的自带属性样式失效。

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

收起回答

么么哒3412913
2016-07-15

*是全文本是同一个字号大小，而各个浏览器对每种标记（比如p，h1，h2等等）预定义的大小都有所不同，但可以肯定的是都是相对值。
也就是说对body指定一个font-size的绝对大小如12px，那么body的子元素p在未指定的情况下会使用浏览器预定义的font-size，举例说是medium或者1em，这时p的实际大小应该是12px；而h1（预定义可能是xx-large）实际就会是24px
对body指定不同的大小，子元素会具有相应比例的大小
要想统一所有的元素大小，可以通过这样指定：
body,p,h1,h2,h3,h4,h5,h6 { font-size:14px; }