关注大学生就业,培养泛IT高端人才

陕西新榜样官方网站

您的位置:  > 新闻动态 > 公司动态 >

CSS中PX、EM和REM的特点

来源:WEB开发培训 发布时间:2018-10-19 浏览量:

  想必大家都知道CSS吧,它是WEB开发中的一个层叠样式表,今天就由陕西新榜样软件科技有限公司的WEB开发培训专家来给大家说说CSS中PX、EM和REM的特点!

  一、PX

  PX也称为像素,PX一般在WEB开发中是显示屏幕的分辨率,PX的特点主要是:

  1、IE无法调整那些使用PX作为单位的字体大小。

  2、PX、EM和REM一般会被Firefox进行调整,但是多数中国网民使用的是IE浏览器(或内核)。

  二、EM

  EM指的是对象内文本的字体长度/尺寸。如果文本的字体没有被别人设置,那么浏览器就直接设置成默认字体尺寸。EM的主要特点有:

  1、EM的值并不是固定的。

  2、EM会继承父级元素的字体大小。

  三、REM

  REM是WEB开发中的CSS层叠样式表新增的一个相对单位,这个单位引起了广泛关注。那么,这个单位与EM有什么区别呢?

  PEM和EM的区别在于使用REM为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可是集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就能成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。

  总体来说,除了早期版本以外,所有浏览器都支持REM。对于那些不支持它的浏览器,应对方法很简单,这就需要我们再写一个绝对单位的声明。这些浏览器会忽略用REM设定的字体大小。

  以上这些就是WEB开发里CSS中PX、EM和REM的特点,平时可以多加了解,多掌握一些WEB开发知识!

  更多相关WEB开发培训资讯,请点击: www.xinbangyang.com

  联系地址:陕西省西安市碑林区东大街端履门云龙大厦9楼

IT培训 服务