CSS中的单位只要有哪些

在CSS中,有许多种单位,用于描述元素的尺寸、距离等。以下是其中常用的单位:

px

CSS中的单位只要有哪些

像素(px)是最常用的单位,表示屏幕上的一个点(dot)。它是一个绝对单位,不随屏幕分辨率的改变而改变。比如,将宽度设置为200px,则元素的宽度将会是200个像素点。

em

相对单位em是根据元素的字体大小而定。1em等于元素的字体大小。如果父元素的字体大小为16px,子元素的字体大小为1.5em,则子元素的字体大小为24px(16px * 1.5em)。

rem

rem是相对单位em的进化版,它是相对于根元素(即html元素)的字体大小而定。比如,如果html元素的字体大小为16px,将元素的宽度设置为2rem,则元素的宽度将会是32px(16px * 2rem)。

%

百分比单位是相对于父元素的大小而定。比如,如果父元素的宽度为200px,将元素的宽度设置为50%,则元素的宽度为100px(200px * 50%)。

vh、vw

vh和vw是相对于屏幕视口大小而定的单位,分别表示视口的高度和宽度的百分比。比如,如果视口宽度为800px,将元素的高度设置为50vh,则元素的高度为400px(800px * 50vh)。

pt

pt是印刷时使用的单位,1pt等于1/72英寸。在web开发中鲜有使用。

mm、cm

mm和cm是物理世界中使用的单位,表示毫米和厘米。在web开发中鲜有使用。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效