当前位置: 首页 > 面试题库 >

CSS中零像素的大小是否带有“ px”后缀?

白弘伟
2023-03-14
问题内容

谷歌搜索这个问题的答案非常困难,因此我认为这里的人应该知道。

在CSS中,我看到零像素声明为简单的“ 0”,也声明为“ 0px”。

mystyle { width: 0; }

anotherstyle { width: 0px; }

“ 0”的次要问题是,如果将其更改为某个非零值,则可能会忘记添加“ px”。而当将值设为“ 0”时,您可能会忘记删除“
px”。我想要代码中的纯粹一致性,像这样的小事情让我发疯。

这是否真的归结为个人喜好,例如缩进何处?

它们似乎都可以工作,但是哪种方法更好,为什么呢?

谢谢。

编辑为清晰起见:

我写了 “这样的小事让我发疯”

我指的 不是 0的“ px” 。

让我发疯的是,有两种不同的方法可以完成同一件简单的事情。

就个人而言,尽管有一个小问题,就是忘记在适当的地方添加/删除“ px”,但我仍然会继续使用“ 0”,因为它知道和其他方法一样可以接受。


问题答案:

它们是相同的。

使用width: 0,因为它更短并且更易读。

尤其是当您有以下情况时:

padding: 0px 0px 9px 8px

padding: 0 0 9px 8px

见规格:

长度值的格式(在本规范中以 表示)是 (带或不带小数点),后跟一个单位标识符(例如px,em等)。
长度为零后,单位标识符是可选的。

“ 0”的次要问题是,如果将其更改为某个非零值,则可能会忘记添加“ px”。而当将值设为“ 0”时,您可能会忘记删除“ px”

一旦养成了0没有单位标识符的书写习惯,这种情况就不会发生。



 类似资料:
  • 在深入研究CSS单元时,我遇到了参考像素的定义。然而,我无法找到一个关于它与CSS像素单元的关系的一致和全面的描述。我对这件事做了一些研究,但对我来说还是有点不清楚。 像素有两种不同的类型/定义: “设备像素”-显示器上的单个物理点。 和: CSS像素-与参考像素最匹配的单位。[1] 两个名字相同的平行概念绝对不能澄清混淆。我完全明白介绍第二个的目的,但我觉得它的命名有误导性。CSS像素被分类为绝

  • 问题内容: 我正在使用Drupal,我注意到如果聚合了我的CSS文件,那么CSS不一定会正常工作。我知道IE7中存在问题,但IE9中的CSS文件大小是否有限制? 问题答案: 有3个限制: 一个工作表最多可以包含4095个选择器,请参阅 http://demos.telerik.com/testcases/4095issues.html 一张纸最多可以导入31张纸,请参见http://demos.t

  • 问题内容: 斜线在这里是什么意思: 问题答案: 这实际上设置了两个属性,并且等效于: 该属性的语法基于传统的印刷速记符号来设置与字体相关的多个属性。 正如David M在评论中所说,它反映了将字体大小指定为“ x pt on y pt”以表示行高的字形大小的排版传统。 但是问题中的示例实际上是错误的,浏览器将忽略它:您只能以简写形式组合这两个属性,并且 必须 至少指定字体大小和字体。因此,仅仅写作

  • 我想减少一个480 X 480位图图像大小到30 X 30像素大小,但保持整个高度和宽度完整。(我不想缩放或使用高度/宽度属性!) 让我用更简单的方式--我试图将位图图像中的像素从480 X 480减少到30 X 30,高度和宽度保持不变,并且在将图像转换为30 X 30后,我预计会有一些失真。 我做了缩放,但它减少了宽度和高度,如果我再次增加宽度和高度,它只是恢复正常的像素。谢谢!

  • 问题内容: 我在代码中发现了一个错误,归结为与进行比较。本质上,以下返回false: 这怎么可能? 问题答案: 根据Double.MIN_VALUE的javadoc,MIN_VALUE为: 拥有double类型的最小正非零值的常数 因此,Double.MIN_VALUE不是负数,它是正值,与Double可以接近零(不为零)一样接近。

  • 我想知道我是否可以设置div比率响应像一个图像在CSS。例如,我有一个图像(800px x400px),并将css设置为宽度:100%。当我使用桌面屏幕(widht:1400px)时,图像将自动调整大小,得到屏幕全宽=>图像大小(1400px x 700px)。但是元素,我必须同时设置宽度和高度有办法设置空宽度800px,高度400px,它将根据屏幕大小自动调整大小,并且它仍然像图像一样保持比例。