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

html-css09

在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内显示。

这些都是用来更改你网页中系统元素,如BODY是整个页面的显示信息;TD是单元格信息,P是段落信息等。如果你在CSS更改了相应的元素的话,打个比方,p元素段落之间默认是10像素的间隔(比方哈),那么你在CSS里设置P的边界为0的话,那么,再有段落的地方(就是有P元素的地方)就不会有间隔了,间隔为0. 或者你将BODY的CSS里边界设置0再看看,是不是和【页面属性】里的设置上下左右边界的效果是一样的。 这样理解么?