我想我正在寻找一些意见。我是在一个单独的.css文件中使用CSS样式作为类的全部。但每隔一段时间,我就遇到一个场景,我需要为特定元素添加一些填充或仅在特定情况下更改css类的宽度。在这些场景中添加内联样式是否可以?人们这样做或者总是为一切创造课程。
我的理论是,如果它不是可重复使用的东西,或者不包含超过2种样式,为什么要为它创建一个类。我想错了吗?
答案摘要(因为有很多)
最好避免使用内联样式,因为
1)样式表提供更多可维护性。
2)更好地分离html数据和布局。
3)风格的可重用性。
4)可能提供更好的缓存。
总的来说,css样式表是最佳实践。
答案 0 :(得分:6)
如果您仔细考虑并正确设置,任何东西都可以重复使用。如果重复使用,即使是单行,一个元素CSS属性也是有益的。这利用了缓存的概念,这将在初始加载命中后将css保持在内存中。无论您采用哪种方式对其进行切片,内联样式都可以毫无疑问地为每次加载增加您的开销。
不要紧,与适当的css文档混合的内联会增加你自己的调试时间的开销,找出来电的来源。
答案 1 :(得分:4)
这个答案的两个答案:
1)将您的设计(css)和数据(html)分开是一种很好的做法。通过添加内嵌样式,它使得修改网站外观变得更加困难,这使得未来的程序员更难以修改您的网站,并且总体上不是最好的方式。
如果所有内容都在CSS文件中,那么您可以更改网站的整个设计,而不必弄乱网站的数据(HTML)。这很理想。
2)是的,很多人在调整小的东西时仍会经常使用内联样式,而不管“最佳实践”。
答案 2 :(得分:2)
它不仅仅是重复使用,而是养成正确做事的习惯。如果其他人需要帮助您完成项目,他们将不得不筛选整个文件以找到某个内联样式的每个实例...
了解CSS的人总是会为所有内容创建特定的样式规则。
这就是我的观点,我相信它会在我的同事之间分享。
答案 3 :(得分:2)
你说:“如果它不是可重复使用的东西或者不包含超过2种样式的东西”
我想添加另一个使用外部样式表的原因:可维护性。如果您(或其他人)将来必须修改您的代码,如果您的所有样式都在一个地方,那么您将有更轻松的时间。你不会记得你在内联中添加了一点造型,你可能需要花费数小时来寻找它。
将所有样式分开以保持干净,可维护的代码是一个很好的标准。
也就是说,我们可以承认使用内联样式是“可以的”,正如您在问题中提到的那样。但是,最佳实践通常不仅仅是“正常”,而应尽可能多地作为指南。
答案 4 :(得分:2)
我觉得你需要的是一个很好的平衡。虽然它通常被认为是尽可能多地创建类的更好的实践,但有一点是它更容易使用内联样式。就像你说的那样,如果只有一个元素需要那么少的额外填充,那就不是犯罪了。至少,在我看来,事实并非如此。但绝对是习惯于为几乎所有事情制作课程,除了小的例外。
答案 5 :(得分:2)
对我来说最重要的一点是:维护。当所有CSS都在外部样式表中时,找到您想要编辑它们的样式会相对简单。如果有内联样式,则很难找到您要查找的内容。
我通常对声称永不重用的风格持怀疑态度。如果它发生一次,很可能再次发生。对可重用性进行编码总是一个好主意,并且通常会在我的经验中产生更清晰,更好的代码。
即使在这些情况下,我通常会在目标元素的祖先中添加一个独特的类 - 通常在body标签上 - 我可以用来定位“独特情境”并将所有CSS保存在外部样式表中。
话虽这么说,我偶尔会使用内联样式。当我这样做时,几乎完全是在我知道在页面加载后我将使用JavaScript动画样式的情况下。我只对我要制作动画的属性进行内联样式,其余的则进入外部样式表。