css中最常用的三种长度单位

CSS中最常用的三种长度单位是像素(px)、百分比(%)和em。

 /* 像素(px) */
    div{
        width: 200px;
        height: 100px;
        font-size: 16px;
    } 

像素(px)是最常用的长度单位之一，它是固定的，不会随着浏览器窗口大小的改变而改变，因此在布局设计中经常使用像素。

 /* 百分比(%) */
    div{
        width: 50%;
        height: 50%;
        font-size: 100%;
    } 

百分比(%)是相对于父元素的长度单位，它的值是相对于包含元素的宽度或高度。在响应式设计中，使用百分比可以让布局更加灵活。

 /* em */
    div{
        width: 20em;
        height: 10em;
        font-size: 1.2em;
    } 

em是相对于元素本身字体大小的长度单位，它是一个相对单位。如果一个元素的字体大小是16像素(px)，那么1em就等于16像素(px)。在排版设计中，使用em可以让页面具有更好的可读性。