《无懈可击的Web设计》--学习笔记
2016-03-27 00:15
288 查看
长度单位
em:相对于父元素的字体大小
ex:相对于特定字体中字母x的高度
rem:根据根元素的字体大小计算出的值
大多数浏览器默认的“中等”设置将字体大小设为16px,small和12px相似(倘若用户没有更改浏览器的默认设置)。
还不支持rem的浏览器(<IE9)将采用由px设定的第一条规则,而忽略其后用rem设定的规则。而支持rem的浏览器将采用第二条规则,该规则会覆盖第一条规则。
body{
font-size:62.5%; /*10px at default browser settings*/
}
h1{
font-size:12px;
font-size:1.2rem;
}
em:相对于父元素的字体大小
ex:相对于特定字体中字母x的高度
rem:根据根元素的字体大小计算出的值
大多数浏览器默认的“中等”设置将字体大小设为16px,small和12px相似(倘若用户没有更改浏览器的默认设置)。
还不支持rem的浏览器(<IE9)将采用由px设定的第一条规则,而忽略其后用rem设定的规则。而支持rem的浏览器将采用第二条规则,该规则会覆盖第一条规则。
body{
font-size:62.5%; /*10px at default browser settings*/
}
h1{
font-size:12px;
font-size:1.2rem;
}
相关文章推荐
- PHP 防止SQL注入
- 人,应该过自己想要的生活
- php常用图片处理类
- Linux配置lampp重定向
- PHP图片处理之图片背景、画布操作
- 今日BBC
- 南阳题目198-数数
- CSS3的扩展
- 大家一起和snailren学java-(六)复用类
- 单元测试
- Masonry介绍与使用实践:快速上手Autolayout
- 图像旋转
- makefile文件没写好导致程序core dump的定位经历与反思------又是"协议"不一致产生的core dump
- POJ 2749|Building roads|2-SAT|二分答案
- nginx日志切割
- POJ 2955 Brackets(区间DP)
- Android客户端+mysql+springmvc服务器端实现登陆的小案例
- 关于File
- 全排列算法的全面解析
- 全排列算法的全面解析