css中rem的特点是:使用rem为元素设定字体大小时,仍然是相对大小,但相对的是HTML根元素,例如【.b{font-size: 2rem; //这里就8px;}】。
本教程操作环境:windows10系统、css3,本文适用于所有品牌的电脑。
rem:(相对于根元素的即HTML)
rem是CSS3中新增的一个相对单位,它与em的区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。它的使用非常简单,通过改变根元素的大小就可以改变它的值(rem和em是类似的,就是相对的元素不一样)
(学习视频分享:java视频教程)
px:(固定不变的)
px 是 pixel 的缩写,它的含义是像素的意思,在指定字体大小和元素的宽高的时候使用。像素是相对于显示器屏幕分辨率而言的
em:(相对于父元素的)
em是一个相对长度的单位,是相对于当前对象内文本的字体尺寸。如过我们未设置当前文本的字体尺寸,那么em就会相对于浏览器的默认字体尺寸
代码示例:
//em的值时相对于父元素,修改.a的大小,.b的大小会随之发生变化 <style> .a{ font-size: 4px; //1em=4px } .b{ font-size: 2rem; //这里就8px; } </style> </head> <body> <div class="a"> <p class="b"> 51515 </p> </div> </body>
相关推荐:CSS教程
以上是css中rem有什么特点的详细内容。更多信息请关注PHP中文网其他相关文章!