前端部分基础知识(html + css)

前端部分知识复习

HTML

---

1. 文本格式化标签

 <!-- 1.加粗 strong更加强烈-->
    我是<strong>加粗</strong>效果
    我也是<b>加粗</b>效果
    <!-- 2.倾斜效果 -->
    我是<em>倾斜</em>效果
    我也是<i>倾斜</i>效果
    <!-- 3.删除效果 -->
    我是<del>删除线</del>
    我也是<s>删除线</s>
    <!-- 4.下划线 -->
    我是<ins>下划线</ins>
    我也是<u>下划线</u>

2. div和span标签

 <!-- 2.div和span标签 没有语义 只是用来装内容的 -->
    1.一个div占一行
    2.一行中可以有多个span

3. 合并单元格

 <!-- 合并单元格 -->
    1.colspan 跨列合并 最左边的元素向右合并
    2.rowspan 跨行合并 最上面的元素向下合并

4. table表格

<!-- table表格 1.大致样式 2.th标签会加粗  3.tr表示行 4.cellspacing(单元格与单元格之间的距离) 5.cellpadding(内容与单元格之间的距离)-->
    <table>
        <thead>
            <tr>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
            </tr>
        </tbody>
    </table>

5. 列表

 <!-- 列表 1.无序列表 2.有序列表 3.自定义列表 -->
    <!-- 1.无序列表 ul里面只能放li标签 没有排列顺序-->
    <ul>
        <li></li>
    </ul>
    <!-- 2.有序列表 有排列顺序-->
    <ol>
        <li></li>
    </ol>
    <!-- 3.自定义列表 -->
    <dl