H5阶段总结（概念）

 1.标签：用尖括号括起来的被称为标签

    标签分类：

           单标签：有开始标签或者结束标签

           双标签：既有开始标签又有结束标签

    标签的关系：

           嵌套(父子)

           并列(兄弟)

    2.标题标签  

        h1~h6

        特点：

           1.独占一行

           2.让字体变大变粗

           3.重要性依次递减

    3.段落标签

        p

        特点：

        1.独占一行

        2.段落与段落之间存在间隙

    4.换行和水平线  br  hr

    5.特殊字符

          空格

       <    左箭头

       >    右箭头

    6.文本格式化标签

       b/strong   让字体加粗

       i/em       斜体

       s/del      删除线

       u/ins      下划线

       特点：

         1.不独占一行

    7.div和span

    属性:写在开始标签里面，多个属性之间用空格隔开

    div标签

    特点：

      1.独占一行(默认宽度100%)

      2.可以设置宽高

    span标签

    特点：

      1.不独占一行

      2.设置宽高不生效

    8.图像标签img  

      特点：

       1.不独占一行

       2.可以设置宽高

       属性：

       1.src  图片的引用地址

       2.alt  图片加载失败时的提示信息

       3.title   鼠标悬停的提示信息

    9.路径

          绝对路径

              网络地址 https://

              本地磁盘 C:

          相对路径

              ./   当前文件所在的文件夹

             ../   当前文件所在文件夹的上一级文件夹(上一级)

              /    放在前面表示根目录(浏览器会识别成C盘)

                   放在后面表示进入文件夹

    10.链接标签 a

       特点：

         1.不独占一行

         2.设置宽高不生效

       属性：

         1.href   引用链接地址

                  网络地址  https://

                  本地文件  路径

                  下载      zip/txt/word

                  空链接    #(回到页面顶部)

         2.target   控制页面的跳转方式

                   _self  当前页面发生跳转

                   _blank  新开页面发生跳转

        注意：

         a标签可以嵌套其他任何标签，但是不能嵌套a标签

    11.锚点定位

        a标签里面的href属性与id值一一对应

         href = #id值

    12.base标签

         属性：

          1.href  全局链接(当前页面的链接会优先基于当前链接进行跳转)

          2.target  全局跳转方式

    13.列表标签

        ol>li  有序列表

        ul>li  无序列表

        dl>dt+dd 自定义列表

14.input输入框

       特点：

         1.不独占一行

         2.可以设置宽高

       属性：

         1.type   输入框的类型

                 text  文本输入框

                 password  密码输入框

                 radio   单选

                 checkbox  复选框

                 image   图片形式的提交按钮

                 button   按钮

                 file    文件形式的提交

                 submit    提交

                 reset     重置

         2.name  提交的键名(单选框的绑定)

         3.value  默认值(提交的键值)

         4.placeholder  占位符

         5.maxlength    最长输入字符数

         6.checked  选中

         7.disabled   禁止选中

    15.CSS的引入方式

        1.行内引入

        2.内部引入

        3.外部引入

        优先级

          行内>内部=外部(优先级相同的情况，写在后面的优先作用)

    16.基础选择器

       1.标签选择器:会选择所有同名的标签

       一般用来清除默认样式

       2.类选择器:会选择所用同名的类名

       类名可以重复

       一个标签可以有多个类名

       3.id选择器

       注意id值唯一

       4.通配符选择器:会选择页面所有的元素

       一般用来清除浏览器的默认样式

    17.文本属性

        1.text-align  文本对齐方式

                  left

                  center

                  right

        2.text-shadow   文本阴影

             0px 0px 0px color    x轴 y轴 模糊距离 颜色

        3.line-height  行高

            line-height = height  实现文本垂直居中

 18.定位

       1.relative   相对定位

             1.相对于自身进行偏移的

             2.不脱离文档流，原来的位置依然存在

       2.absolute   绝对定位

             1.脱离文档流，原来的位置不在了

             2.如果父级或者祖先元素存在非static定位，那么相对于父级或祖先元素进行定位

               如果父级或者祖先元素没有定位或者有static定位，那么相对于浏览器进行定位

               优先作用最近的定位元素

       19.水平垂直居中的方法

            1.文本

                  text-align:center

                  line-height:height

            2.padding

            3.margin:auto

              margin垂直方向调整位置

            4.position

                  {

                    top:50%;

                    left:50%;

                    margin-top:-自身高度的一半

                    margin-left:-自身宽度的一半

                  }