为什么我的第一个 HTML 表格列没有粗体文本？答案

【问题标题】：Why doesn't my first HTML table column have bold text?为什么我的第一个 HTML 表格列没有粗体文本？
【发布时间】：2023-03-03 02:05:01
【问题描述】：

我对@987654321@ 标记的理解告诉我，以下内容应该将我的第一个表格列中的文本样式设置为粗体，但这并没有发生。我做错了什么？

<table class="span-12">
    <col style="font-weight: bold;" />
    <col />
    <tr>
        <td>
            Client
        </td>
        <td>
            Apartment Applied Visual Arts
        </td>
    </tr>
</table>

【问题讨论】：

标签： html css

【解决方案1】：

表格数据单元格不是 col 元素的后代，因此它们不会从它继承任何属性。请参阅columns section of the CSS specification。

【讨论】：

【解决方案2】：

这不是正确的使用方法，但你可以试试这个：

<table class="span-12">
    <tr>
        <th>
            Client
        </th>
        <td>
            Apartment Applied Visual Arts
        </td>
    </tr>
</table>

但是，您必须在其中添加一些 css table.span-12 th {text-align: left;}

或

<style>
table.span-12 .fat {font-weight: bold;}
</style>

<table class="span-12">
    <tr>
        <th class="fat">
            Client
        </th>
        <td>
            Apartment Applied Visual Arts
        </td>
    </tr>
</table>

【讨论】：

+1 教我 th 既可以是行标题也可以是列标题。

【解决方案3】：

col（和colgroup）元素有些特殊。 CSS。由于表格行和单元格不是cols 的后代，CSS 格式不会从col 继承到单元格。

但是，有四个 CSS 属性可以应用于col 和colgroup，它们会影响单元格。它们是border、background、width和visibility。每个都有特定的算法来解决单元格上的属性。

但由于font-weight 不是这四个属性之一，它在您的示例中没有任何作用。

【讨论】：

换句话说，表格只是一个可以避免的东西:-)
完全没有，K 教授。表格非常适合它们设计的用途：表格数据，即。具有二维关系的数据点。 cols 和 colgroups 的使用有助于使复杂的表格更具可读性。