在css中<td>lt;tr>lt;th>分别是什么意思

html-css015

在css中<td>lt;tr>lt;th>分别是什么意思,第1张

严格的说：

<td><th><tr>不是css属性，而是html里面的table标签。

理解什么意思，看下面案例：一个3行3列的带有表头的表格

<table>

    <thead>

        <tr>

        <th>表头单元格</th>

        <th>表头单元格</th>

        <th>表头单元格</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>内容单元格</td>

            <td>...</td>

            <td>...</td>

        </tr>

        <tr>

            <td>内容单元格</td>

            <td>...</td>

            <td>...</td>

        </tr>

        <tr>

            <td>内容单元格</td>

            <td>...</td>

            <td>...</td>

        </tr>

    </tbody>

</table>

从上面可以看出：

th为表头单元格的专属，在html 语言中，th单元格会有加粗的效果。

tr为“行”属性，一个tr就是一行，th、td属性都必须在tr内显示。属于包含关系。

td为具体内容的单元格容器，为table的底层元素，所有内容的呈现都在td内显示。

如果设置某一个th样式的话：

给th样式

<table class="tab">

<tr>

<th class="more">更多</th>

</tr>

<tr>

<th>更多</th>

</tr>

</table>

.more { font-size:18px}

如果设置table里全部th字体样式的话：

<table class="tab">

<tr>

<th>更多</th>

<th>更多</th>

</tr>

</table>

.tab tr th {font-size:18px}