任务名称：CSS-1

css1，主要学习了css的宽高，设置颜色，边框，边距等这一系列基础属性

脑图：

任务名称：CSS-3

任务总结：

任务3主要用使用到了盒子属性，对盒子的margin和padding，border 有了一个基础的认识，知道如何去使用它们

脑图：

任务名称：CSS-4

任务4主要学习position定位，具体比较了input输入表单type=text，number，tel的区别，学习了html5的表单。

脑图：

任务名称：CSS-5

任务总结：

任务5主要用到了background的相关属性，以及主要学习了flex布局。

脑图：

1. 1. 
      

      任务名称：CSS-6

      1. 任务总结：

         css6难点在于要自定义下拉列表，首先需要了解select列表，然后需要多个列表的话需要学习无须有序列表。
         

      2. 文本出现小数点，需要用到text-overflow：ellipsis.无延误。

      脑图：

      
      

   2. 
      

   3. 
      

   4. 1. 
         

         任务名称：CSS-7

         1. 任务总结：

            css7学到一些水平垂直居中的知识，学到一些关于影藏的知识。
            

         2. 其中opacity:0;是元素隐藏

         3. visibility：hidden，元素仍然占据位置

         4. display：none.,元素不占据位置

         脑图：

         
         

      2. 1. 
            

         2. 
            

         3. 
            

         4. 
            

         5. 
            

         6. 
            

         7. 
            

         8. 
            

            任务名称：CSS-8-9

            
            

            任务总结：

            css8-9学习bootstap布局，然后学习媒体查询，学习table布局，

            
            

            脑图：

            

            
            

            
            

         9. 任务10至13是用less或者sass把css代码进行重构，脑图和前面的任务几乎没有太大的差别，唯一的区别就是css代码是利用less写出来再编译成css代码。

任务名称：CSS-14

任务总结：

css14学习自己写出bootstap布局里面的所有组件，包括媒体查询，轮播图，下拉框。以及布局自适应。

脑图：