七月十五日总结

最新推荐文章于 2024-09-06 19:15:00 发布

id2359955624

最新推荐文章于 2024-09-06 19:15:00 发布

阅读量105

点赞数

文章标签：大数据

本文链接：https://blog.csdn.net/id2359955624/article/details/125812448

版权

上午学习

无序列表

列表：

1.无序列表：常用导航栏。

ul：定义无序列表。

默认样式：

上下有16px外边距，值会根据内容文本大小改变；

左内边距40px。

li：列表中的项。

注意：

默认无序列表有"圆点"，可通过css属性改变。

2.有序列表：

ol：定义有序列表。

默认样式：

上下有16px外边距，值会根据内容文本大小改变；

左内边距40px。

li：列表中的项。

注意：

默认无序列表有"阿拉伯数字"，可通过html属性改变。

type：列表的类型：

值：

1：默认值，阿拉伯数字。

A：大写英文。

a：小写英文。

I：大写罗马数字。

i：小写罗马数字。

3.自定义列表：常用在底部导航群。

dl：定义自定义列表。

默认样式：

上下有16px外边距，值会根据内容文本大小改变。

dt：定义列表的项。

dd：定义列表项的描述。

默认样式：

左外边距40px。

 <ul>
        <li>刘亦菲</li>
        <li>刘亦菲</li>
        <li>刘亦菲</li>
        <li>刘亦菲</li>
        <li>刘亦菲</li>
    </ul>

    <ol type="i">
        <li>有序列表1</li>
        <li>有序列表2</li>
        <li>有序列表3</li>
        <li>有序列表4</li>
        <li>有序列表5</li>
        <li>有序列表6</li>
    </ol>

    <dl>
        <dt>html</dt>
        <dd>超文本标记语言</dd>
        <dd>超文本标记语言</dd>
        <dd>
            <a href="#">描述1</a>
            <a href="#">描述1</a>
            <a href="#">描述1</a>
            <a href="#">描述1</a>
            <a href="#">描述1</a>
        </dd>
    </dl>

表格

表格：

table：定义表格。

不设置宽度时，宽度被内容撑开；

设置了宽度并且内部内容不设置宽度时，td会按照内容长度比例拉伸。

caption：定义表格的标题。

默认样式：

文本默认在表格的水平居中的位置。

thead：定义表格的表头。

可以省略，浏览器在解析的时候会自动添加。

tr：定义表格的行。

th：定义表头表格的单元格。

tbody：定义表格的主体部分。

可以省略，浏览器在解析的时候会自动添加。

td：定义标准的单元格。

<style>
        .tab1{
            /* width: 500px; */
            border: 1px solid;
            /* 边框合并 */
            border-collapse: collapse;
            text-align: center;
        }
        td{
            width: 100px;
            height: 50px;
            line-height: 50px;
            border: 1px solid;
        }
        th{
            border: 1px solid;
        }
    </style>

<table class="tab1">
        <caption>课程表</caption>
        <thead>
            <tr>
                <th>时间</th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期无</th>
            </tr>
        </thead>
、、、、、、、、、、、、、、、、、、、、、、、、、、、、
<tbody>
            <tr>
                <!-- 
                    rowspan：行合并，用于设置一个单元格占几行。
                 -->
                <td rowspan="2">上午</td>
                <td>语文-作文</td>
                <td>数学</td>
                <td>数学-方程式</td>
                <td>数学-等腰三角形</td>
                <td>英文——外国语</td>
            </tr>