[摘要]px是指定字体大小和宽高使用的,不会因为浏览器尺寸的大小改变而改变,而em和rem是相对于浏览器尺寸的大小而改变的,转换:1em=1rem=16px在我们写代码的过程中,经常在CSS中定义字体的大小...
px是指定字体大小和宽高使用的,不会因为浏览器尺寸的大小改变而改变,而em和rem是相对于浏览器尺寸的大小而改变的,转换:1em=1rem=16px
在我们写代码的过程中,经常在CSS中定义字体的大小或者元素的宽高值时会使用到尺寸大小的单位,今天将要为大家详细介绍在CSS中常见的尺寸单位名称及其用法,具有一定的参考价值,希望对大家有所帮助。
【推荐课程:CSS教程】
px
px 是 pixel 的缩写,它的含义是像素的意思,在指定字体大小和元素的宽高的时候使用。像素是相对于显示器屏幕分辨率而言的
例:给一个div元素设置宽为200px,高为200px
div{
width:200px;
height:200px;
border: 1px solid #ccc;
text-align: center;
line-height: 200px;
font-size: 16px;
}
在浏览器中默认字体尺寸为16px,换句话说1em=16px,一般我们在写自适应布局时经常会用到em为单位。通过在CSS中的body选择器中设置font-size值来简化代码,使得页面中所有的em都相对于body值。