具有None / Zero值的CSS规则

问题描述 投票:0回答:3

我目前正在尝试使代码更简洁。有几个样式规则的值为none或0,例如border:none;或填充:0 0 0 0;。这些必要吗?或者可以删除它们吗?

css css3
3个回答
1
投票

这完全取决于这些规则出现在CSS中的位置。正如Madeline Hanley所说,他们可以在CSS的开头作为浏览器重置或规范化(以确保所有浏览器中的元素显示相同)。

在其他情况下,border: none;可能在其他情况下什么都不做,它可能会覆盖另一个类的样式或设置了border的继承样式。

移除它们的另一个风险是有人可能依赖于padding: 0 0 0 0;

没有办法知道这些规则是否必要或者可以在不查看整个网站以及如何实施的情况下删除这些规则,这是一个案例的基础。


0
投票

这取决于您和/或您的用户正在查看网站的浏览器 - 尝试链接自定义CSS表上方的reset.css表。这将重置用于访问站点的任何浏览器的默认样式,并帮助确保它看起来是统一的。将此代码复制粘贴到名为“reset.css”的工作表中,并链接到您的html文件中的自定义工作表上方:https://meyerweb.com/eric/tools/css/reset/


0
投票

它实际上取决于保存内容的html标记,一些元素具有填充,边距和边框。例如;

<ul style="list-style"> <button style="border"><a style="text-decoration">` `<input style="border;outline">`

但是如果你不想要它们,可以在CSS3中将它们全局定义为“none”

© www.soinside.com 2019 - 2024. All rights reserved.