具有无/零值的CSS规则

时间:2018-09-12 23:28:46

标签: css css3

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

3 个答案:

答案 0 :(得分:1)

这完全取决于这些规则在CSS中的显示位置。正如Madeline Hanley所说,当浏览器重置或规范化时,它们可能会在CSS的开始(以确保元素在所有浏览器中都一样)。

在其他情况下,border: none;在其他情况下可能无济于事,它可能会覆盖另一个类的样式或设置了边框的继承样式。

删除它们的另一个风险是某人可能依赖padding: 0 0 0 0;

没有办法知道这些规则是必需的还是可以删除而又不了解整个站点及其实施方式,这是逐案的基础。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

实际上取决于保存内容的html标签,例如,某些元素带有padding,margin和border。

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

但如果您不希望使用它们,则可以在CSS3中将它们全局定义为“无”