关于2-5请问老师

关于2-5请问老师

<!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://img1.sycdn.imooc.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回答

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

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

祝学习愉快!

  • hy_wang 提问者 #1
    老师我没有理解,p标签不是只设置了一个样式吗就是50px
    2017-11-27 10:14:53
小丸子爱吃菜 2017-11-27 13:38:11

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

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

你再好好想想。

小丸子爱吃菜 2017-11-27 10:23:17

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

  • 提问者 hy_wang #1
    老师我的疑问是这个p标签大小不是已经设置了50px吗,那为什么下边会按照默认16进行计算
    2017-11-27 12:48:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师