关于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>
老师请问关于CLass为em的span标签的size,em不是说循序父元素大小进行想对吗。
css样式中设置了P{font-size:50px;}这不是所有p标签为50px,之后span的父元素是p标签那么他应该是50*2=100px啊,为什么是p标签明明规定了是50px确还要循序默认16px进行计算?
以及我自己测试的代码,为什么span就是100px。
3回答
1、如果P标签设置有多个样式,那么采取就近原则。
2、你写的代码,p标签的字体设置了50px,那么他里面的子元素就会继承父元素的字体大小,就是50px,你把font-size:2em去掉就能发现,span的字体大小跟p元素的字体是一样的。
祝学习愉快!
小丸子爱吃菜
2017-11-27
如果P标签刚开始设置大小为50像素,后来又设置大小为20px,那P标签该是多少?
道理是一样的,刚开始P标签设置了50px,后来又需要设置大小为150%,跟之前的字体大小没有关系啊,这两个都是指P标签,又不是说谁是谁的子元素,需要继承什么的,都是同级的,只是后来的P标签不想设置为50px,需要重新设置。
你再好好想想。
小丸子爱吃菜
2017-11-27
下面的.percent不也是P标签么?
相似问题