自学web的第三天

1.HTML表格

    1.1表格的作用

                表格用于显示、展示数据。

    1.2表格的基本标签

                <table>定义表格

                <tr>定义表格中的行

                <td>定义表格的单元格

                <th>定义表头单元格

     1.3表格常用属性

          （table属性）

               <width>定义表格的宽

               <height>定义表格的高

               <border> 可以显示一个带有边框的表格。

               <cellpadding>设置单元格中内容和边框之间的间距

               <cellspacing>设置单元格和单元格之间的间距

          （td，th属性）

                 <width><height>单元格宽度、高度

                 <align>单元格水平方向的对齐方式

                             left左对齐

                            center 居中对齐

                            right 右对齐

                 <valign>单元格垂直方向的对齐方式

                            top顶对齐

                           middle居中对齐

                           bottom底部对齐

      1.4表格结构标签

                      <caption>定义表格的标题

                      <thead>用于组合 HTML 表格的表头内容

                      <tbody>用于组合 HTML 表格的主体内容

                      <tfoot>用于组合 HTML 表格的页脚内容

       1.5合并单元格

                     <rowspan>跨行合并

                     <colspan>跨列合并

      2什么是CSS?

               通常称为CSS样式表或层叠样式表（级联样式表）

               2.1CSS引入方法

                                   当读到一个样式表时，浏览器会根据它来格式化 HTML 文档，插入样式表的方法有三种：行间样式表、内部样式表、外部样式。

                    行间样式:过HTML元素的style属性设置样式称为行间样式

                    内部样式:在head标签的内部，由style标签包含的样式称为内部样式

                     外部样式:外部样式表是指将CSS编写在扩展名为.css 的单独文件中，使用link标签引用

       2.2css注释

               注释的语法

                          CSS中的注释以"注释以/*开头，以*/结尾,开始和结束中间为注释内容。

              注释的作用

                         解释说明,标记不同代码节的开始 代码调试,用于在测试中临时禁用一段代码

              生成快捷方式

                         ctrl + / 取消或添加

     2.3CSS选择器

                通配（通用）选择器:匹配任意类型的HTML元素

                元素名称选择器:选择所有同一元素名称的所有元素

                类选择器:选择所有带有指定类名的元素

                id选择器:选择所有带有指定类名的元素

      2.4 类与id的命名规则

               尽量用英文

               始终建议以字母开头，可以包含数字、字母、下划线等

               不要以数字开头

              多个单词可以以驼峰式（newsCont）、中划线连接（news_cont）、下划线连接（news-cont）等

       2.5总结

                 总结使用频率

                 基础选择器中最常用是类选择器

                 id用于页面中唯一模块

                 元素名称选择器定义的全局样式，单独使用要慎重

                 *号通常用于重置样式【最不常用】

                总结id与类的区别

                基础选择器的优先级