css单位各种css长度、角度和时间单位的详细介绍

CSS长度单位

CSS长度单位包括绝对长度和相对长度，绝对长度有px（像素）、cm（厘米）、mm（毫米）、in（英寸）、pt（磅）；相对长度有em（相对于当前元素字体的长度）、ex（相对于当前元素字体x-height的长度）、rem（相对于根元素字体的长度）、vw（1%视口宽度）、vh（1%视口高度）、vmin（1%视口最小宽度）、vmax（1%视口最大宽度）。

CSS角度单位

CSS角度单位有deg（度）、grad（梯度）、rad（弧度）、turn（圈）。

CSS时间单位

CSS时间单位有s（秒）、ms（毫秒）。

CSS长度单位的使用方法

.example {
    width: 150px;
    height: 3cm;
    font-size: 12pt;
    margin-left: 2em;
    padding-right: 5vw;
}

CSS角度单位的使用方法

.example {
    transform: rotate(90deg);
    border-radius: 10rad;
}

CSS时间单位的使用方法

.example {
    transition: all 0.5s;
    animation: example 1s;
}