老王哥哥
2017-01-08 17:52
这节课的标准答案是:*{font-size:20px;} , 题目要求是把右边代码编辑器中的标题“勇气”和两段文字的字号都设置为20px,题目和两段文字都在body标签中,为什么不能写成body{font-size:20px;}??? 请大牛从理论角度解答??前端小白,莫笑,谢谢啦
没什么问题 。。。 刚才试了一下 。。。 可以的
*{font-size:20px;}中的 * 表示全局,所以所有字体都会变成20px,但
对于代码body{font-size:20px;},body表示默认,可以修改。h1默认的大小不是20px,而p标签默认没有指定大小,所以p标签里的内容会变成20px。
这是我的愚见,不知是否对你有帮助。
就近原则啊 *代表的是body里的所有标签是body的子级
像 ul li{color:blue;} ul{color:red;} 会显示蓝色
怎么说呢 有种继承的理论在里面把 *选择所有标签 而body属于父级标签了 在子标签默认值情况下还是会用的子标签
font-size针对的是文本标签。
用*{fony-size:20px}的话标题和段落全都变成20px大小,用body{font-size:20px}并且删掉*{fony-size:20px}的话,原本比段落大的标题【勇气】二字的字体还是比段落内容的字体大,并没有都变成统一的全都20px大小,更像是在原有的基础上变大一定的比例的感觉,我是在演示窗口实验的,这种情况能不能用正统的理论知识解释呀?万分感谢!
你是不是没有删掉它的通用选择器样式啊,对于font-size如果子标签没有设置字体那么应用父标签的设置(继承)虽然body标签权值比通用选择器高,但是现在通用选择器已经给所有元素设置了字体,所以段落和标题字体不受body设置影响,你注释掉掉通用选择器样式就发现可以了!
Body标签没有内容指向
body不是标签元素
初识HTML(5)+CSS(3)-升级版
1225312 学习 · 18230 问题
相似问题