CSS教程:简单理解em

孙小花108

孙小花108

2016-02-19 23:28

今天图老师小编给大家介绍下CSS教程:简单理解em,平时喜欢CSS教程:简单理解em的朋友赶紧收藏起来吧!记得点赞哦~

px比em更加容易使用,em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px,所以10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

em的特性

1. em的值并不是固定的;

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

2. em会继承父级元素的字体大小。

展开更多 50%)
分享

猜你喜欢

CSS教程:简单理解em

Web开发
CSS教程:简单理解em

CSS网页制作教程:字体单位em简介

Web开发
CSS网页制作教程:字体单位em简介

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS的长度单位(em)与em标签

Web开发
CSS的长度单位(em)与em标签

CSS教程:建议font-size使用em

Web开发
CSS教程:建议font-size使用em

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:CSS盒模型实例学习和理解

Web开发
CSS教程:CSS盒模型实例学习和理解

CSS教程:通过实例学习和理解CSS盒模型

Web开发
CSS教程:通过实例学习和理解CSS盒模型

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

dl,dt,dd,ul,li,ol区别及应用

dl,dt,dd,ul,li,ol区别及应用

苦涩甜蜜争扎 做你的避风港

苦涩甜蜜争扎 做你的避风港
下拉加载更多内容 ↓