考点介绍:
对于绘图和印刷而言,“单位”相当重要,然而在网页排版里,单位也是同样具有重要性,在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小程序查看哦!
移动端链接:m.xiaozhao.vip/dTopic/deta…
PC端链接:xiaozhao.vip/dTopic/deta…