Question

你们有没有使用内联样式进行一次性使用？

例如，我想在我的网站上使用字母一个特定列表：

<ol style="list-style-type:lower-alpha">

这真的很糟糕吗？或者你会打一个ID，然后把它埋在你的主要CSS文件中，在那里再次找到它会很痛苦吗？

Answer 1

您的问题的显示会发现影响您决定的另一个问题：内联样式或将其隐藏在大型CSS文件中。

您知道将相关样式规则放在CSS文件中是更好的选择。您希望将相关的样式规则放在CSS文件中，但却被管理CSS文件的任务所吓倒。

定义样式规则内联比维护大型CSS文件痛苦少。使用大型CSS文件时遇到的问题只会随着项目的增长而变得越来越糟。

您需要将大型CSS文件分解为一组更易于管理的CSS文件。

如果一组CSS文件的名称合理且包含适当分组的规则，则可以更容易地管理这些文件。你可以选择一个CSS文件进行布局，一个用于排版，一个用于颜色，也许每个页面每个页面有一个显着不同。

一组CSS文件对您来说更容易，从最终用户性能角度来看，单个CSS文件更好。

解决这两个相互冲突的需求非常简单：使用一组CSS文件进行开发，并让您的构建过程将这些文件合并为一个（最小化的！）CSS文件。

Answer 2

不，你所做的是对的。内联样式只能使用一次。当然我发现很多次这已经过了（ab）。

Answer 3

不......不要这样做。无论你认为哪里有一次性的，只是在拐角处潜伏着两次。然后一个三。然后一个四。

额外花费60秒来做正确的事 - 你，无论是谁跟着你进行维护，都会很高兴你做到了。

Answer 4

我仍然会将其作为class放在文件中，如果这是你在其他地方所做的事情。想象一下，如果其他人试图在主CSS文件中找到那种风格，并花了几个小时寻找那些不存在的东西。

此外，如果您决定喜欢这种风格并希望在其他地方使用它，会发生什么？无论如何，你必须放入主CSS文件。

Answer 5

对我来说，始终避免内联样式的首要原因是涉及多个设计人员/开发人员的大型项目的可预测性。

假设您已将一次性内联样式添加到该有序列表中，然后另一位参与者希望通过您的庞大样式表向所有有序列表添加一些常规样式。由于您的网站/项目太大，他可能永远不会注意到您的一次性黑客攻击，因此会相信新的样式也适用于您的有序列表，而不是意识到您已使用内联样式覆盖了样式。 / p>

但如果你是维持这个项目的唯一人......请继续！

Answer 6

我会把它放在一个类中，但是在页面中的内联CSS中定义类。然后，如果您需要扩展到其他地方使用它，您可以将该类移动到共享的CSS文件中。

此外，我同意另一个答案，并指出Firebug或类似产品可以追踪任何特定样式的来源，因此制作“来自哪里？”在我的书中，明显不再是一个高度重视的问题。当它很简单的时候做的很好，但不值得为其他措施进行交易。

Answer 7

我投票赞成内联。如果这个样式对于这个特定的实例来说真的很特别，那么这是一个非常好的定义它的地方，它可以让你免于臃肿且难以维护的CSS文件，特别是如果你有一个大型网站并且你正在使用一个CSS整个网站的文件。

“CSS是我寻找样式的地方”的论点只是意味着你在懒惰。

有人会花费数小时才能找到它，如果它是内联而不是CSS，这意味着他们不是一个非常优秀的Web开发人员。

其他人想要全局改变风格的说法是“＆lt; li＆gt;”以后会错过这个实例实际上是一个很好的理由 TO 内联它。如果你知道你希望这是一种独特的风格，那么要么是通过CSS或内联的特异性来实现它，而是我投票给后者。

Answer 8

我这样做，但严格仅，遵守以下规则：

1）内联样式规则必须具有恰好一个属性

<!--// Acceptable --//-->
<ol style="list-style-type:lower-alpha">

<!--// No!!! --//-->
<ol style="list-style-type:lower-alpha; font-weight: bold; ">

2）具有内联样式规则的任何元素都不能包含具有内联样式规则的任何后代元素。

<!--// Acceptable --//-->
<ol style="list-style-type:lower-alpha">
    <li>Item One</li>
    <li>Item Two</li>
</ol>

<!--// No!!! --//-->
<ol style="list-style-type:lower-alpha;">
    <li>Item One</li>
    <li style="font-size: small;">Item Two</li>
</ol>

<!--// Instead (example) --//-->
<ol class="product-details">
    <li class="shortdesc">blah blah</li>
    <li class="longdesc">Blah Blah Blah</li>
</ol>

Answer 9

我不会在它上面打id，我会在它上面打class，然后使用编辑器的搜索功能快速找到它。

Answer 10

我会class它。如果该网站有一天会被其他人继承，请帮助他们并保持一致。此外，如果有一天你决定lower-alpha不再适合你，那么更容易改变。

Answer 11

你仍然应该把它放在CSS文件中。我有一个心理模型，说造型= CSS。如果它不在CSS中，我会坦率地对此感到困惑。

此外，如果您发现自己想要再次使用该样式，该怎么办？我的意思是你现在说这是一件物品，但是谁知道。

使用css / classes只是一种好习惯，它通常会得到回报。

一次性的内联样式？

11 个答案: