Question

您认为在HTML / CSS中设置表格的最合理和最有效的方法是什么？我见过很多人在他们的代码中使用HTML属性，如

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

提供表和 td s classe s / id 并不容易将它们格式化为外部样式表？

Answer 1

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

Answer 2

你不应该使用内联样式：非常好的线程（What's so bad about in-line CSS?）
如果你不喜欢为每个人编写课程，请尝试：nth-child for styling（超级有用）：http://www.w3schools.com/cssref/sel_nth-child.asp

Answer 3

是的，会的。

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

好问题！

Answer 4

使用那些可以为你的桌子设计样式的方法有很多方法。

内联Css
内部CS
外部Css（最受欢迎）
SASS（使用Mixin）
LESS
指南针

Answer 5

使用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中设置表格样式

5 个答案: