热搜词
发表于 2017-8-1 17:28:57 | 显示全部楼层 |阅读模式
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
input,select,textarea,samp {font-size:100%;}
看到一些css重设,请问设置font-size:100%的目的和作用是什么?
---------------------------------------------------------------------------------------
假如你设置body{font-size:12px;}
但h1是不会继承这个12px,它会按照一定百分比增加字号,但如果给h1显试指定font-
size:100%;它就会继承body设定的字体大小。
1. 它改变了默认的大小。
2. 这些元素本身不会继承父体的字体大小,设置了font-size:100%后就能自动继承。


font-size用百分数, 是相对于父元素的font-size计算. 那么html的父元素又是多少呢?
另外, 为什么不用font-size: 1em;
它们之间有什么区别?


字体大小的规定可以用百分数,px,em,rem等单位,看你想做什么样的页面了,固定尺寸的就用px就够了,但是如果要做响应式rem常用一些,em相对于父元素来决定,而rem是根据html的字体大小来决定的。
全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2025-1-16 01:31 , Processed in 0.329190 second(s), 22 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2025 Discuz! Team