CSS 代表像素的基本单位是 px,即像素(Pixel)的缩写。在网页设计中,像素是用来测量页面元素尺寸的一种单位。
/* 以像素为单位来设置元素尺寸 */ .box { width: 200px; height: 150px; font-size: 16px; border: 1px solid black; }
在使用像素单位时,需要注意的是不同设备的屏幕像素密度是不同的,也就是说同样大小的页面元素在不同设备上显示可能会不一样。比如在高分辨率的 Retina 屏上,1 像素可能相当于 2 像素,因此在开发网页时需要特别考虑不同设备的兼容性。
除了像素单位之外,CSS 还支持其他的尺寸单位,比如百分比(%)、点(pt)、厘米(cm)、英寸(in),根据具体需求来选择合适的单位。