我不想争论使用内联样式而不是外部样式,但是我只想知道您对可以使用内联样式的某些情况的想法。
例如,我有 10 种类型的表格,它们的宽度不同,但总是使用相同的边框颜色、厚度和填充。我目前的想法是我应该声明一个全局 CSS 类来控制表格的边框和填充,然后使用内联样式来指定表格的宽度。
例如 <table class="default" style="width: 320px;">
我的方法适用吗?
我不想争论使用内联样式而不是外部样式,但是我只想知道您对可以使用内联样式的某些情况的想法。
例如,我有 10 种类型的表格,它们的宽度不同,但总是使用相同的边框颜色、厚度和填充。我目前的想法是我应该声明一个全局 CSS 类来控制表格的边框和填充,然后使用内联样式来指定表格的宽度。
例如 <table class="default" style="width: 320px;">
我的方法适用吗?
这只是一个问题,因为在大多数情况下,如果你做过一次,那么你会想再做一次。现在你有两个相同的style
属性。而且,它们都应该是红边的。哦,我在某个地方需要第三张这样的桌子。而且,等等,他们应该更瘦一点……
另一方面,如果您使用一次性课程,则可以将其拍到下一张桌子上。或者您可以比较所有十张表并从一个地方调整它们,等等。
违反原则的问题在于,原则往往是来之不易的。:)
是的,您可以声明一个全局 CSS 类并在所有表中使用它。它适用于所有桌子。
我认为你在这里误解了一些东西。如果你拿这个:
<table class = "default" style = "width: 320px;">
那么这不适用于所有width: 320px;
带有table
class 的 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
属性的用途。
我相信它在你的情况下是正确的方法。当您正确使用外部类“默认”时,通过在所有表中使用它并指定与特定元素内联的不同宽度。