css常见布局单位有哪些

css常见布局单位有像素、百分比、em、rem、英寸、厘米、毫米、像素密度、视口和百分比。详细介绍：1、像素，通常用于精确控制元素的大小和位置；2、百分比，通常用于实现响应式布局；3、em，通常用于控制字体大小和行高；4、rem，通常用于实现响应式布局；5、英寸，通常用于打印样式；6、厘米，通常用于打印样式；7、毫米，通常用于精确控制元素的大小和位置；8、像素密度等等。

本教程操作系统：windows10系统、CSS3版本、DELL G3电脑。

CSS 是一种用于描述网页样式和布局的语言。在 CSS 中，有许多不同的单位用于测量和布局网页元素。以下是一些常见的 CSS 布局单位：

像素(px)：像素是 CSS 中最常用的单位，它表示屏幕上的一个点。像素大小取决于屏幕分辨率，通常用于精确控制元素的大小和位置。例如，设置一个元素的宽度为 100px 表示该元素在屏幕上占据 100 个像素的宽度。

百分比(%)：百分比表示元素的大小或位置相对于父元素的大小或位置的百分比。例如，设置一个元素的宽度为 50% 表示该元素在父元素中占据 50% 的宽度。百分比通常用于实现响应式布局，因为它们可以根据父元素的大小自动调整。

em: em 一个相对单位，它表示元素的大小或位置相对于当前字体大小的倍数。例如，如果当前字体大小为 16px，则 1em 等于 16px。如果字体大小为 20px，则 1em 等于 20px。em 通常用于控制字体大小和行高。

rem: rem 一个相对单位，它表示元素的大小或位置相对于根元素的大小或位置的倍数。例如，如果根元素的大小为 16px，则 1rem 等于 16px。如果根元素的大小为 20px，则 1rem 等于 20px。rem 通常用于实现响应式布局，因为它们可以根据根元素的大小自动调整。

英寸(in)：英寸是 CSS 中的一个绝对单位，它表示屏幕上的一个长度。1 英寸等于 2.54 厘米。英寸通常用于打印样式，因为它们可以确保在不同的打印机和纸上保持一致的尺寸。

厘米(cm)：厘米是 CSS 中的一个绝对单位，它表示屏幕上的一个长度。1 厘米等于 0.39 英寸。厘米通常用于打印样式，因为它们可以确保在不同的打印机和纸上保持一致的尺寸。

毫米(mm)：毫米是 CSS 中的一个绝对单位，它表示屏幕上的一个长度。1 毫米等于 0.039 英寸。毫米通常用于精确控制元素的大小和位置。

像素密度(dppx)：像素密度是 CSS 中的一个相对单位，它表示元素的大小或位置相对于设备像素的倍数。例如，如果设备的像素密度为 1，则 1dppx 等于 1px。如果设备的像素密度为 2，则 1dppx 等于 2px。像素密度通常用于实现响应式布局，因为它们可以根据设备像素密度自动调整。

视口(viewport)：视口是 CSS 中的一个相对单位，它表示元素的大小或位置相对于视口大小的倍数。例如，如果视口大小为 600px，则 1viewport 等于 600px。如果视口大小为 800px，则 1viewport 等于 800px。视口通常用于实现响应式布局，因为它们可以根据设备屏幕大小自动调整。

百分比(%)：百分比是 CSS 中的一个相对单位，它表示元素的大小或位置相对于父元素的大小或位置的百分比。例如，如果父元素的大小为 100px，则 50% 表示元素的大小为 50px。如果父元素的大小为 200px，则 50% 表示元素的大小为 100px。百分比通常用于实现响应式布局，因为它们可以根据父元素的大小自动调整。

以上就是一些常见的 CSS 布局单位。不同的单位适用于不同的场景，需要根据具体需求选择合适的单位。

立即学习“前端免费学习笔记（深入）”；

以上就是css常见布局单位有哪些的详细内容，更多请关注php中文网其它相关文章！