问题描述
查看框架代码的时候,发现了几处对字体设置的代码,请帮忙解答其作用。
1.代码段中font-size: 62.5%;
的作用?
html {
font-size: 62.5%; /*1*/
}
2.代码段中font:12px/1.5
的作用?
3.代码段中\5b8b\4f53
的作用?
4.代码段中font-size:1.2rem
的作用?
body {
font:12px/1.5 tahoma,arial,simsun,sans-serif,\5b8b\4f53; /*2,3*/
font-size:1.2rem; /*4*/
}
5.代码段中font-size:100%
的作用?
input,button,textarea,select,label {
font-size:100%; /*5*/
}
font-size: 62.5%;
浏览器的默认字体大小为
16px
,为了方便计算,这里把最顶层的html
元素的字体大小设为16 * 62.5% = 10px
。font:12px/1.5
和font-size:1.2rem;
设置
body
下的字体大小为1.2rem = 10px * 1.2 = 12px
,行高为字体大小的1.5倍。\5b8b\4f53
是
宋体
的unicode编码。(参考:中文字体编码对照表)font-size:100%
浏览器默认设置中,表单控件的字体大小默认比普通文本要小,这里把浏览器的默认样式覆盖掉。