网站制作中常用的网站位度量单位主要分为以下几类，涵盖布局、代码字体和响应式设计等方面：

一、写网绝对长度单位

像素（px）

基本单位，站制作对与屏幕分辨率直接相关。应单例如，网站位屏幕分辨率为1920×1080时，代码1px表示屏幕上1/1920的写网宽度。

英寸（in）、站制作对厘米（cm）、应单毫米（mm）

用于固定尺寸设计，网站位如图像分辨率（如1920×1080）、代码边框宽度等，写网不随屏幕分辨率变化。站制作对

二、应单相对长度单位

点数（pt）

基于Windows系统的默认字号（12pt=12磅），用于设置字体大小（如`font-size: 2pt；`表示24磅）。

em

相对于父元素的`font-size`，具有继承性。若父元素字体为16px，则1em=16px；若父元素字体为20px，则1em=20px。

rem

CSS3新增单位，相对于根元素（html）的`font-size`，不受父元素影响。例如，根元素字体为16px时，1rem=16px。

三、其他常用单位

百分比（%）：

相对父元素宽度或高度，常用于响应式设计。

视口单位（vw/vh）：`vw`表示视口宽度的百分比（如`width: 50vw；`），`vh`表示视口高度的百分比。

四、字体相关单位

字体高度（font-height）：以当前字体大小的倍数表示，如`font-height: 1.5em；`。

字体宽度（font-width）：常用`normal`（默认值）、`bold`、`x-large`等预定义值，或通过`font-width: 120%；`自定义。

五、其他说明

媒体查询（Media Queries）：结合单位实现响应式设计，例如：

```css

@media (max-width: 600px) {

body {

font-size: 14px;

}

}

```

单位优先级：在CSS中，不同单位的优先级不同，通常遵循以下顺序：`em > rem > pt > px`。

通过合理选择单位，可兼顾兼容性、可维护性和响应式需求。例如，使用`rem`和`vw`实现灵活布局，结合`px`和`em`确保细节精度。