【校招VIP】CSS校招考点之px/rem等单位

考点介绍：

对于绘图和印刷而言，“单位”相当重要，然而在网页排版里，单位也是同样具有重要性，在CSS3普及以来，更支持了一些方便好用的单位（px、em、rem…等），今天我们就来了解一下。

答案详情解析和文章内容点击下方链接即可查看！

一、考点题目

1、px 和 em 的区别。

解答：px 和 em 都是长度单位。区别是，px 的值是固定的，指定是多少就是多少，计算比较容易……

2、关于px、em、vw/wh、rem，以下说法错误的是？

A.设置为px单位的字体，无法用浏览器字体放大功能

B.将字号单位设置为em，字号将保持不变

C.vw/vh长度单位，和父元素设置无关

D.rem只依赖于根节点（html）的font-size

解答：正确答案是 B，em实际上是一个垂直测量......

3、请你说说em与rem的区别？

解答：rem是CSS3新增的一个相对单位（root em，根em）……

4、下列属于CSS标准单位的是

A.px

B.rpx

C.em

D.rem

解答：正确答案是 ACD，rpx是微信小程序里面WXSS中的单位……

5、关于 CSS 的单位，以下说法错误的是：

A.百分比单位始终根据父元素相应值来计算

B.vw、vh、em、rem 都是相对单位

C.90deg 表示顺时针旋转 90 度

D.1s = 1000ms

解答：正确答案是 A，line-height 的百分比是相对于自身的字体大小……

二、考点文章

1、对于前端页面适配，你应该使用px还是rem

css中的单位很多，%、px、em、rem，以及比较新的vw、vh等。每个单位都有特定的用途，比如当需要设置一个矩形的宽高比为16:9，并且随屏幕宽度自适应时，除了用%，其他单位是很难做到的。所以不存在说某个单位是错误的，某个单位是最好的这种说法……

2、前端开发入门到实战：CSS中字体单位：px、em、rem和%

对于绘图和印刷而言，“单位”相当重要，然而在网页排版里，单位也是同样具有重要性，在CSS3普及以来，更支持了一些方便好用的单位（px、em、rem…等），这篇文章将整理这些常用的CSS单位，也帮助自己未来在使用上能更加得心应手……

3、px与 rem css常见单位

css的单位：px 这个不需要说，rem/em，vh/vw，vmax/vmin……

三、考点视频

1、浮动和清除浮动的三种主要方法

只要做过简单CSS项目的同学，都会遇到浮动的问题，也就是子元素脱离了父元素，导致父元素的高度出现问题……

更多资讯可搜索校招VIP小程序查看哦！

移动端链接：https://m.xiaozhao.vip/dTopic/detail/316

PC端链接：https://xiaozhao.vip/dTopic/detail/316