本文主要是介绍【金秋打卡】第12天 前端面试技能拼图2,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
课程名称:2周刷完100道前端优质面试真题
课程章节:第4章 前端面试技能拼图2 :前端基础知识 , 必知必会
主讲老师:双越
课程内容:
今天学习的内容包括:
4-7 -px-%-em-rem-vw-vh有什么区别——CSS的像素宽度单位的使用及差异。
课程收获:
px和%
- px基本单位,绝对单位(其他的都是相对单位)
- %相对于父元素的宽度比例
em 和 rem
- em相对于当前元素的font-size
- rem相对于根节点的font-size
vw/vh
- vw屏幕宽度的1%
- vh屏幕高度的1%
- vmin两者的最小值,vmax两者的最大值
划重点
tips
- em 常用于首行缩进等功能
- rem 常用于手机端适配
- vw/vh 常用于特定情况
- 还有类似rpx、upx等是一些第三方工具提供的适配单位
今天的 学习了 px-%-em-rem-vw-vh有什么区别,这些单位主要分为绝对单位,相对单位,px为绝对单位,其他为相对单位,在这里统一进行了学习了解。
下一步就是 学习 什么时候不能使用箭头函数。今天学习就先到这里吧。
坚持打卡,坚持学习,未来可期,加油😀~
这篇关于【金秋打卡】第12天 前端面试技能拼图2的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!