css中em与px的介绍及换算方法

em是什么? 
em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
em有如下特点: 
1. em的值并不是固定的; 
2. em会继承父级元素的字体大小。

重写步骤:
1. body选择器中声明Font-size=62.5%;
2. 将你的原来的px数值除以10,然后换上em作为单位;
简单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了。经过以上两步,你会发现你的网站字体大得出乎想象。因为em的值不固定,又会继承父级 元素的大小,你可能会在content这个div里把字体大小设为1.2em, 也就是12px。然后你又把选择器p的字体大小也设为1.2em,但如果p属于content的子级的话,p的字体大小就不是12px,而是1.2em= 1.2 * 12px=14.4px。这是因为content的字体大小被设为1.2em,这个em值继承其父级元素body的大小,也就是16px * 62.5% * 1.2=12px, 而p作为其子级,em则继承content的字体高,也就是12px。所以p的1.2em就不再是12px,而是14.4px。
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明,也就是避免以上提到的1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。

转载于:https://www.cnblogs.com/ITRoad/archive/2010/01/06/1640245.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/381139.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用计算机奏音乐,计算机音乐

《计算机音乐》这是一款非常好用的使用计算机发声进行演奏音乐的软件,当计算机成为了乐器,你手里的钢琴它还会香吗?随时随地掏出你那不可思议的计算机,进行非凡的音乐演奏吧~这里拥有丰富的曲目,任你选择!计…

计算机无法访问桌面,桌面无法显示_电脑桌面显示:无法访问,你可能没有权限使用网络......

电脑桌面图标不能显示是什么原因?电脑桌面图片不显示有以下几种原因:一、在桌面点击右键,然后选择查看,显示桌面图标按钮。勾选按钮后桌面突变便可以显示出来。如果是开机不能操作是死机了,重启一下电脑试试,还是不行开…

Linq Group By 注意点

比如有如下的Linq查询: var q from s in agedDebtCollectiongroup s by s.SalesPersonCode into pselect new{Key p.Key,//here can not using p.Select(s>s).Single().SalesPerson// or p.Single().SalesPersonSalesPersonName p.Max(s>s.SalesPerson),Cu…

python 爬虫 音乐下载 歌手_python爬虫批量下载全民K歌音乐

标签:爬虫网址示例: https://node.kg.qq.com/personal?uid639e9983222a338a直接上源码:import requestsimport timeimport reimport jsonimport pprintimport mathimport osheader{User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, lik…

计算机在智能交通应用,计算机技术在智能交通系统的应用

摘要:借助智能交通系统,优化公共交通运行效率,为人们提供更大的便利。文章对智能交通系统内涵进行了简要分析,并从数据处理系统、交通监控系统、车辆导航系统以及车辆辅助驾驶系统4个方面对计算机技术在智能交通系统中的应用展开了…

快乐是什么

有时候快乐就是一只烤鸡腿,耶,就这么简单转载于:https://www.cnblogs.com/haozime/archive/2010/01/11/2639247.html

信息系统项目管理师论文_「高项论文」谨防信息系统项目管理师论文12个写作丢分点...

2020年上半年信息系统项目管理师论文怎么写才能得高分?有些时候洋洋洒洒写下一大篇,自我感觉良好,结果分数不如意。这可能是你触到了丢分点而不自知。慧翔天地给你提供信息系统项目管理师12个论文写作丢分点以及对应解决方法,供你…

html%3ca%3e标签,How do I encode “” in a URL in an HTML attribute value?

click meIs correct, although ‘&’ is more commonly used than ‘&’ or ‘,’.If the ‘stringByAddingPercentEscapesUsingEncoding’ method does what it says on the tin, it should work(*), but the NSString documentation looks a bit unclear on which ch…

java wed登录面 代码_JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)...

下面通过通过图文并茂的方式给大家介绍JavaWeb实现用户登录注册功能实例代码,一起看看吧。一、ServletJSPJavaBean开发模式(MVC)介绍ServletJSPJavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp…

.net类库学习(一)System.object

System.Object 是基类,.NetFramework 中的所有其他类都从这个类派生而来。派生的.net类可以使用这个类的属性,而且那些类可以使用Object类的成员。 方法: Object.Equals 1 publicstaticboolEquals(object,object);//静态成员2 publicvirtualb…

武汉科技大学计算机生命与科学周海,湖北双胞胎周海周洋:为了母亲,一个放弃清华,一人放弃中科院...

“你要相信命运给你一个比常人较低的出发点,是希望你用一生去奋斗出一个柳暗花明的故事”。人的命运就是这样,从来没有真正“完美”的样子,奋斗和努力是改变命运的最重要力量。高考对于贫困山区或农村的孩子来说:这就是命运转折点…

循环左移和循环右移指令_运用 移位、循环移位指令 实现流水灯

具体要求用 I0.0 控制接在 QB0 上的8个彩灯是否移位,每 2s 左移 1 位。用 I0.1 控制左移,I0.2控制右移,首次扫描时将彩灯的初始值设置为 16#1 ,设计出梯形图程序。先来讲解一下,移位指令和循环移位指令。移位指令这里的…

extjs中xtype类型

xtype Class------------- ------------------box Ext.BoxComponent 具有边框属性的组件button Ext.Button  按钮colorpalette Ext.ColorPalette 调色板component Ext.Component 组件container Ext.Container 容器…

vb.net html转xml文件,VB.Net将XSL转换应用于XML文件

我有一些由我的应用程序构建的XML。此XML将被删除为XML文件,然后我希望将XSL样式表应用于该文件,以便将其转换为HTML页面。但是,每次,它都会继续使用原始XML而不是转换后的HTML这是XML:MrGregoryHouseasasasas11:41asa…

PowerSocket对象与HostName

其实是因为,最近调用PowerSocket对象,PowerSocket需要取HostName的值,然后转换成IP地址。 来看看HostName命令,对了还要说明的是系统是Windows 2000 Professional。 HostName命令:作用:打印当前计算机(主机&#xff09…

当前计算机无法连接,win7系统无法连接wifi提示此计算机当前已将连接限制为xxx的解决方法...

许多win7系统用户在工作中经常会遇到win7系统无法连接wifi提示此计算机当前已将连接限制为xxx的情况,比如近日有用户到本站反映说win7系统无法连接wifi提示此计算机当前已将连接限制为xxx的问题,但是却不知道要怎么解决win7系统无法连接wifi提示此计算机…

git设置master权限_git怎么控制成员的权限?

回答什么GIT权限管理的真的知道GIT的权限管理意味着什么么?GIT的权限管理是说控制用户能不能PUSH或者DELETE分支,或者能不能PUSH代码,而不是能不能访问某个目录的文件。对目录和文件的可读是GIT的最基本要求,不可能做到针对目录级…

计算机论文外文翻译,计算机专业毕业论文外文翻译2篇

《计算机专业毕业论文外文翻译2篇》由会员分享,可在线阅读,更多相关《计算机专业毕业论文外文翻译2篇(15页珍藏版)》请在人人文库网上搜索。1、武汉理工大学本科生毕业设计(论文)英文翻译毕业设计题目:会务管理系统的设计与实现学院(系)&…

转载 从SRAM中读写一个数据问题——Verilog

从SRAM中读写一个数据问题——Verilog2009-04-24 14:21从SRAM中读写一个数据问题——Verilog操作SRAM(IS63lv1024),向SRAM写入一个数据;并从SRAM中读出数据;如果读出的数据与写入的一样,说明写读成功,LED2闪烁&#xf…

js能订阅mq吗_测试工程师,必须了解的MQ知识!

什么是消息中间件?通过提供某种规范实现在不同系统之间传递语义准确的消息。专注于数据的发送和接收,利用高效可靠的异步消息传递机制的集成分布式系统。什么是MQ?MQ全称为Message Queue, 消息队列(MQ)是应用程序“对”应用程序的通信方法,也…