发表于: 2018-04-24 23:15:10

1 517




任务名称: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. 任务名称:CSS-6

      1. 任务总结:

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

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

      脑图:





      1. 任务名称:CSS-7

        1. 任务总结:

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

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

        3. visibility:hidden,元素仍然占据位置

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

          脑图:










          1. 任务名称:CSS-8-9


            任务总结:

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


            脑图:



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


    任务名称:CSS-14

    任务总结:

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



    脑图:





    返回列表 返回列表
    评论

      分享到