前端面试题HTML+CSS基础篇——css单位

css单位

CSS有几个不同的单位用来表示长度。一些设置CSS长度的属性有width,margin,padding,font-size,border-width等。

数字与单位之间不能出现空格。如果长度值为 0,则可以省略单位。

1. px

像素,是应用最为广泛的一种css单位,相对长度单位,相对于不同显示器屏幕的分辨率而言

2. em

相对长度单位,相对于当前对象内文本的字体尺寸,如果当前文本的字体尺寸未被设置,则相对于浏览器的默认字体尺寸而言

== px 和 em 的区别:px是固定的,em是不固定的,em会继承父级元素的字体大小==
3. rem

css3新增单位,多用于响应式布局,作用于非根元素时,相对于根元素字体大小,作用于根元素时,相对于其初始字体大小

== em 和 rem 的区别:em是相对于父级元素而言的,rem是根据 根元素(html)字体大小而言的==

4. vw/vh

视窗宽度/视窗高度 == 1vw=视窗宽度的百分之一 1vh=视窗高度的百分之一 ==

5. rpx

rpx是微信小程序中为了解决自适应屏幕尺寸而使用的一个单位 1rem = (750/20)rpx = 37.52px

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页