在 html/css 中设置 table 的样式

Question

您认为在 HTML/CSS 中设置 table 样式的最合乎逻辑且最有效的方式是什么？我见过很多人在他们的代码中使用 HTML 属性，例如

<table width="80%" cellspacing="2" border="0">
    <tr>
        <td align="right" nowrap="nowrap">
        </td>
    </tr>
</table>

给tables和tds classes/ids 并在外部样式表中格式化它们?

Answer 1

你不应该使用内联样式：很好的帖子(What's so bad about in-line CSS?)
如果您不喜欢为每个写 class，请尝试使用 :nth-child 进行样式设置（超级有用）：http://www.w3schools.com/cssref/sel_nth-child.asp

Answer 2

这不仅会更好，而且是正确的方法。您现在拥有的代码不是您想要在生产站点上使用的代码。

Answer 3

是的，会的。

然而，当 HTML 刚开始构建时，CSS 并不像现在这样方便。凭借 CSS 今天的能力，我建议使用 HTML 标签创建初始布局，并将任何样式属性（即对齐、文本换行、边框等）留给 CSS样式表。

好问题！

Answer 4

有很多方法可以使用这些方法来设计您的 table。

内联Css
内部CSs
外部Css（最喜欢）
SASS（使用 Mixin）
更少
指南针

Answer 5

设置 table 样式的最佳且简单的方法是使用 CSS。您可以查看下面的示例代码；

代码：

<style>
 .my_table{
     border:2px solid blue;
     width:50%;
     padding:5px;
 }
</style>
<table border="1" class="my_table">
 <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
 </tr>
 <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
 </tr>

在 html/css 中设置 table 的样式

Styling a table in html/css

html

css

frontend

html-table