关于2-5请问老师

来源:2-5 字体大小(font-size)

hy_wang

2017-11-26 13:36:58

<!DOCTYPE html>
<html>
<head>
    <title>表单</title>
    <meta charset="utf-8">
    <style type="text/css">
    p{font-size: 50px;}  
    span{font-size: 2em;}  
    </style>
</head>
<body>
   <p>我是p标签</p>
   <div>
   <p>我是<span>span标签</span></p>
   </div>
</body>
</html>

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

老师请问关于CLass为em的span标签的size,em不是说循序父元素大小进行想对吗。

css样式中设置了P{font-size:50px;}这不是所有p标签为50px,之后span的父元素是p标签那么他应该是50*2=100px啊,为什么是p标签明明规定了是50px确还要循序默认16px进行计算?

以及我自己测试的代码,为什么span就是100px。

写回答

3回答

小丸子爱吃菜

2017-11-27

1、如果P标签设置有多个样式,那么采取就近原则。

2、你写的代码,p标签的字体设置了50px,那么他里面的子元素就会继承父元素的字体大小,就是50px,你把font-size:2em去掉就能发现,span的字体大小跟p元素的字体是一样的。

祝学习愉快!

0
hy_wang
h 老师我没有理解,p标签不是只设置了一个样式吗就是50px
h017-11-27
共1条回复

小丸子爱吃菜

2017-11-27

如果P标签刚开始设置大小为50像素,后来又设置大小为20px,那P标签该是多少?

道理是一样的,刚开始P标签设置了50px,后来又需要设置大小为150%,跟之前的字体大小没有关系啊,这两个都是指P标签,又不是说谁是谁的子元素,需要继承什么的,都是同级的,只是后来的P标签不想设置为50px,需要重新设置。

你再好好想想。

0

小丸子爱吃菜

2017-11-27

下面的.percent不也是P标签么?

0
hy_wang
h 老师我的疑问是这个p标签大小不是已经设置了50px吗,那为什么下边会按照默认16进行计算
h017-11-27
共1条回复

0 学习 · 36712 问题

查看课程