H5 CSS基础知识梳理1

         1.空格的实现:文字与文字之间存在距离【空格】, 
           中文的空格  [了解]
           二分之个中文的空格 [了解]
         2.换行:<br> break 单标签
           强制换行：<br/>
         3.标题标签：
            双标签 h1~h6:一般h1代表最大的标题【文章标题/重点标题】，h2代表大模块标题【二级标题】，h3代表小模块标题【三级标题】
            特点：有一定的行高，独自占据一行，而且从h1到h6是逐渐减小的
         4.段落：<p>描述性内容</P> paragraph段落英文的缩写
            特点：有一定的行高，独自占据一行【为双标签按】
          加粗:<b></b> <strong></strong> 
          倾斜：<i></i> <em></em>   
          水平线：<hr> //可以实现换行 不可通过属性设置height，但可设置width，color 
          上标：<sup></sup>    下标：<sub></sub>
          版权©：&copy;     商标®：&reg； 
         5.超链接:点击可以发生跳转 
        语法结构:<a href="">描述性内容</a> 
        属性：href 链接跳转的地址  title属性鼠标悬停时显示的内容 target链接的打开方式
        属性值：                                             "_blank"在新的界面打开网页
                                                            "_self" 在当前页面打开      
        知识点延申:base标签<base target="_blank">  //从头部统一设置超链接打开方式
        6.文本格式化标签：<b></b> <strong></strong>加粗 <i></i> <em></em>倾斜
        特点:双标签，不能独自占据一行
        7.图片
            A.语法:<img src="图片的路径">
            B.属性:
        src 路径
            相对路径：相对比而言【参照物的是HTML文件】
                a.图片跟html在同一文件夹下时，直接用图片的名称
                b.图片位于html下一级以及多级文件时，html文件全部路径和图片的全部路径相对比，去除相同的部分，留下图片相对于
                html文件不同的部分，最后加上图片的路径
                c.图片位于html的上一级或者上多级文件，用../找到html上级文件，直到html上级文件和图片的上级文件在同一个文件夹下时
                ，去除点路径相同的部分【参照物时html的上层文件】，留下不同的部分，最后加上图片的名称
            绝对路径：
                a.相对于电脑而言【直接复制路径+图片名称即可】
                b.相对于网址而言【右击图片即可复制图片的路径，复制图片的路径】
        width:设置宽度
        height:设置高度
        title:鼠标悬停时显示的内容
        alt:图片走丢之后的提示
        border:图片的边框
        8.列表：有序列表，无序列表，自定义列表
               有序列表:有顺序的列表集合
                    语法结构：
                    <ol>
                        <li></li>
                        ...
                    </ol>
                无序列表:
                    没有顺序的列表集合
                    语法结构：
                    <ul>
                        <li></li>
                        ...
                    </ul>
                自定义列表:
                    语法结构：
                    <dl>
                        <dt>被描述的文字或者图片</dt>
                        <dd>描述性的文字</dd>
                    </dl>
         9.div 用来划分页面的区域，直接打开网页参考
         10.form表单
                作用：收集用户信息
                基本结构
                <form>
                        <input type="text">文本框
                        <input type="password">密码框
                        <input type="button">按钮
                        <input type="submit">提交按钮
                        <input type="reset">清空按钮
                </form>
         11.table表格
                 <table>
                         <tr>  //表示行
                             <td>11</td>  //表示单元格
                             <td>22</td>
                         </tr>
                         <tr>  //表示行
                             <td>33</td>  //表示单元格
                             <td>44</td>
                         </tr>
                 </table>
         宽度  width                                        合并单元格属性：
         高度  height                                       colspan=“所要合并的单元格的列数”合并列;必须给td
         边框  border                                       rowspan=“所要合并单元格的行数”合并行; 必须给td
         边框颜色  bordercolor                               合并之后需要把多余的单元格删除
         背景颜色   bgcolor   
         文字水平对齐  align="left或right或center"
         文字垂直对齐  valign="top或middle或bottom";
         cellspacing="单元格与单元格之间的间距" 必须给table
         cellpadding="单元格与内容之间的空隙"  必须给table