网站建设资讯

NEWS

网站建设资讯

css中rem有哪些特点

这篇文章主要介绍了css中rem有哪些特点,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联专注于企业成都营销网站建设、网站重做改版、浑江网站定制设计、自适应品牌网站建设、成都h5网站建设商城网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为浑江等各大城市提供网站开发制作服务。

css中rem的特点是:使用rem为元素设定字体大小时,仍然是相对大小,但相对的是HTML根元素,例如【.b{font-size: 2rem;   //这里就8px;}】。

rem:

rem是CSS3中新增的一个相对单位,它与em的区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。它的使用非常简单,通过改变根元素的大小就可以改变它的值(rem和em是类似的,就是相对的元素不一样)

(学习视频分享:java视频教程)

px:(固定不变的)

px 是 pixel 的缩写,它的含义是像素的意思,在指定字体大小和元素的宽高的时候使用。像素是相对于显示器屏幕分辨率而言的

em:(相对于父元素的)

em是一个相对长度的单位,是相对于当前对象内文本的字体尺寸。如过我们未设置当前文本的字体尺寸,那么em就会相对于浏览器的默认字体尺寸

代码示例:

//em的值时相对于父元素,修改.a的大小,.b的大小会随之发生变化    



    
    

51515

感谢你能够认真阅读完这篇文章,希望小编分享css中rem有哪些特点内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


本文名称:css中rem有哪些特点
网站链接:http://cdweb.net/article/jdgijp.html