0

我不想争论使用内联样式而不是外部样式,但是我只想知道您对可以使用内联样式的某些情况的想法。

例如,我有 10 种类型的表格,它们的宽度不同,但总是使用相同的边框颜色、厚度和填充。我目前的想法是我应该声明一个全局 CSS 类来控制表格的边框和填充,然后使用内联样式来指定表格的宽度。

例如 <table class="default" style="width: 320px;">

我的方法适用吗?

4

4 回答 4

0

这只是一个问题,因为在大多数情况下,如果你做过一次,那么你会想再做一次。现在你有两个相同的style属性。而且,它们都应该是红边的。哦,我在某个地方需要第三张这样的桌子。而且,等等,他们应该更瘦一点……

另一方面,如果您使用一次性课程,则可以将其拍到下一张桌子上。或者您可以比较所有十张表并从一个地方调整它们,等等。

违反原则的问题在于,原则往往是来之不易的。:)

于 2013-01-17T08:01:35.200 回答
0

是的,您可以声明一个全局 CSS 类并在所有表中使用它。它适用于所有桌子。

于 2013-01-17T07:35:22.703 回答
0

我认为你在这里误解了一些东西。如果你拿这个:

<table class = "default" style = "width: 320px;">

那么这不适用于所有width: 320px;带有tableclass 的 s default。它仅将其应用于具有该style属性的特定元素。

如果您希望在无需<link>外部文件的情况下指定此类 CSS,则可以将 CSS 嵌入<style>标签中:

.default { //or table, or whatever your selector is
    width: 320px;
}

如果你想default用一个不同的类来设计一个特定的表格width,给它另一个类 ( class = "default width320") 并执行以下操作:

.default.width320 { //selects element with BOTH default and width320 classes
    width: 320px;
}

在此处阅读有关 CSS 选择器的更多信息,并在此处阅读选择器特异性


编辑:如果您只想设置该特定表格的样式,则您的方法相对较好。但是,我建议使用类并将样式合并到一个地方(无论是.css文件还是内联<style>定义)——它比分散的style属性定义更易于维护和整洁。

编辑2:使用属性是绝对正确的。style这更多的是个人选择的问题。如果您确定这不会导致可维护性问题 ( 'Hey, why is my table 320 pixels wide? I don't see anything in my CSS file that does that'),那么就去做吧。这就是style属性的用途。

于 2013-01-17T07:35:41.877 回答
0

我相信它在你的情况下是正确的方法。当您正确使用外部类“默认”时,通过在所有表中使用它并指定与特定元素内联的不同宽度。

于 2013-01-17T07:37:00.580 回答