Web第一阶段 复习

1.标签

       块级标签

            常用标签

            特点

       行级(行内)标签

           常用标签

            特点

       行内块标签

           常用标签  img input  audio  video

            特点

    2.样式

        css样式的语法

           选择器{

            声明语句

           }

        css引入三种方式

            行间

            内部

            外链

        文本属性

           text-

        字体属性

           font-

        css三大特性

             继承性

               哪些属性不能继承

              优先级

              层叠性

    3.表格

       table

          tr

          th

          td

      表格属性

         border

         width

         height

         cellspacing

         cellpadding

         border-collapse

                  collapse

                  边框独立

       

        th/td属性

           width

            height

            align

            valign

           

    4.css显示模式

       1.解决图片下间隙问题

        2.垂直对齐方法

            vertical-align

        3.显示隐藏

          display：block

                   none

        visibility：hidden

                   visible

        4.overflow

             hidden

             auto

             scroll

             visible

        5.元素转换

          转成块级标签

              行级

              行内块

    5.浮动

       1.浮动的特性

       2.清除浮动的五种方法

          1.伪元素清除

          2.overflow

    6.定位

       相对定位

          语法

          特点

       绝对定位

          语法

          特点

       固定定位

          语法

          特点

     

        层级

        z-index

      定位居中的两种方法

        1.

    position: absolute;

    2.

    7.表单

    input

       text

       password

       radio

       checkbox

       submit

       reset

       。。。。。

    select

    textarea

    表单属性

       placeholder提示信息

       name

       value

       checked

       selected

             

    8.矢量图标

      1.代码引入

      2.类名引入

      3.js引入

      项目引入

        引入在线链接

        如果新增图标，要更新在线链接，然后替换之前的链接

  9.h5新增标签

       1.新增语义标签

          header

          footer

          nav

          ...

      2.新增表单元素

         email

         url

         。。。

      3.新增表单属性

        自动完成功能

           on

           off

        require

        ...

    10.css3

      1.五大浏览器私有前缀

      2.结构伪类选择器

         nth-child

         nth-of-type

      3.多背景属性

         多个背景图片

         背景大小

         背景图定位区域

         背景颜色定位区域

    11.弹性盒

        什么是弹性盒

      弹性容器属性

      弹性子元素属性

      利用弹性盒实现水平居中垂直

    12.rem.js

       会用即可

    13.2d 3d

       位移

       旋转

       缩放

       倾斜

       

       帧动画

          定义帧动画

          引入帧动画

      过渡动画

       transition

    14.响应式

       什么是响应式及原理

       媒体查询的语法

       大屏设备优先

       小屏设备优先