CSS中的像素(px)是多少?

时间:2009-03-01 19:42:37

标签: css graphics

我正在阅读一本ASP.NET书籍,它引用了CSS文件并讨论了像素。但我从未从分辨率,布局等角度理解它。例如,以下CSS文件定义意味着什么?

#header
{
    padding: 0px;
    margin: 0px;
}

7 个答案:

答案 0 :(得分:28)

这稍微超出了您目前所处的位置,但CSS像素不一定与显示器上的单个像素完全相同。根据{{​​3}}:

  

如果输出设备的像素密度与典型的计算机显示器的像素密度非常不同,则用户代理应重新调整像素值。建议参考像素为设备上一个像素的视角,像素密度为96dpi,距离读取器的距离为。

因此,如果你有一个非常昂贵的超高分辨率显示器之一,不算“典型”,浏览器和/或操作系统可能会选择重新定义“像素”。

就CSS编写而言,'px'的有用定义是:'px'是长度等于未缩放HTML中的像素< img>或CSS'background-image'。

答案 1 :(得分:23)

像素通常被认为是数字图像中最小的单个成分。

图像中的像素数称为分辨率。

屏幕分辨率是屏幕可以显示的每个维度中的不同像素数。

在你发布的css片段中,你将0像素的边距和填充应用于id =“header”的元素。


(来源:functionx.com

答案 2 :(得分:8)

A pixel is not a little square”是关于像素是什么的很好的讨论。

它可能与您的具体问题无关,但如果其他人发现此线程出现与计算机图形相关的问题,那么这是很好的阅读。

答案 3 :(得分:5)

它表示一个尺寸,以屏幕上的像素为单位。 E.g。

width: 200px;

表示元素宽度为200像素。

像素是一个“PICture ELement”,意思是屏幕上有一个彩色圆点,可能与这句话末尾的时期非常相似。

答案 4 :(得分:2)

pixel是屏幕上的一个点。您的示例将名为header的元素设置为没有填充或边距。要理解这一点,您还需要了解页面布局的CSS box model

答案 5 :(得分:0)

至少就CSS而言,像素是度量单位。还有pt,em,百分比......还有其他一些。每个都有自己的长处。

W3schools充满了引用,请检查CSS上的那个。

我建议下载Firebug并尝试更改像素宽度/高度。

答案 6 :(得分:0)

正如其他人所说,像素只是一个可测量的单位,直接与数据的电子显示相关 - 单个像素是屏幕上最小的对象。屏幕分辨率越高,它可以表示的像素越多。

关于给定示例的注释 - 0px的值实际上不需要作为零值,并且在CSS中更好地表示为0(它们同样可以是0%或0em,它们都意味着相同)。