今天学到的东西

     1  像素 px  和em  rem的的区别

     2   viewpor

     3   css

     4   ps的使用

     5   浮动和display flex布局的使用

  一。

      像素px   em   rem的使用

         px  是常用的长度单位   固定的

         em  长度地不固定的   大小是根据他父级决定的

         rem   是根据html 的大小  决定的   改变自己的字体大小

          用法    font-size=62.5%   然后在吧原来的像素换成 rem的使用

  二。

     viewpor   视口

      作用就是   让自己的网页可以在任何设备查看吧  当前网页的宽度高度等于  当前的设备宽高，让用户可以完整的看到自己的网页

     用法：

       <meta name="viewport" content="width=device-width, initial-scale=1.0">

  三。

     像素px   em   rem的使用

         px  是常用的长度单位   固定的

         em  长度地不固定的   大小是根据他父级决定的

         rem   是根据html 的大小  决定的   改变自己的字体大小

          用法    font-size=62.5%   然后在吧原来的像素换成 rem的使用

  四。

    ps的使用

     会截图就行用法教程在

     https://jingyan.baidu.com/article/19020a0a149b71529d2842bb.html

  五。

     浮动和display     布局方式

    解决的问题可以让多行div在同行出现、

    float    left    right 

    容器属性

        display: flex;

       1  flex-direction    排列方向    row 左到右     row-reverse右到左   column 垂直上到下  column-reverse下到上

       2  flex-wrap属性

             项目多了放不下 可换行

            flex-wrap: nowrap  不换行 | wrap 第一行在上面 | wrap-reverse;    第一行在下面 

       3 justify-content属性定义了项目在主轴上的对齐方式。

            justify-content:

                flex-start 左对齐 | flex-end  右对齐 | center  中间对齐| space-between 两端对齐| space-around; 两端对齐右距离

      4align-items属性定义项目在交叉轴上如何对齐。

             align-items: flex-start 起点对齐| flex-end  终点对齐| center  中间对齐| baseline | stretch;

明天计划学习的东西

     1  表单

         2  定位

         3  浮动与文档流

         4  表单优化