标签H1的具体值?

来源:3-12 编程练习

慕田峪5398473

2019-02-17 17:38:37

.warp1{    

          

           /*在此补充代码*/

             }


     .warp1 h1{ 

       /*在此补充代码*/ }

</style>   

<body>

<div class="warp1">

          <h1>欢迎来到慕课网</h1>      

</div>

 在class=warp1的div中设置字体大小与class=warp1的div内的h1标签里设置相同大小字体显示结果不同,老师能讲解一下吗?

写回答

1回答

好帮手慕星星

2019-02-18

你好,

h1标签有自己默认的字体大小:

http://img.mukewang.com/climg/5c6a441d0001f09003700223.jpg

是浏览器默认字体大小的两倍,拿浏览器默认字体大小为16px举例,那么h1字体大小就是32px。

在.warp1中设置字体大小,h1标签中字体大小不会改变,显示的还是自己的,可以理解为就近原则。

只有直接改变h1标签的font-size属性值,才会改变字体大小。

祝学习愉快!

0

0 学习 · 36712 问题

查看课程