美文网首页
2019-01-07scss、animation、git

2019-01-07scss、animation、git

作者: 陳先生_2211 | 来源:发表于2019-04-11 19:43 被阅读0次

    scss、动画、git

    一、scss

    1.安装scss环境
    2.语法 
        声明变量
        声明函数
        嵌套使用
        @mixin/@include
        @extent
        @import
    

    注意点:@charset “utf-8”;

    二、动画:transform(动画)animation(自定义动画)

                动画:
                    transition:状态发生改变时(hover/:checked/js)(状态A->状态B)
                    animation:自定义动画(只要指定动画即可实现规定动画效果)
                    
                    transition:
                        transform|all .4s(默认时间) .5s(动画延迟) timing-function
                    animation:
                        aniName .4s .5s alternate infinite both;
                        @keyframes{
                            0%{}
                            50%{}
                            100%{}
                        }
    

    三、浏览器内核

        浏览器内核(渲染引擎不一样)
            Webkit/Blink(Safari内核,chrome内核原型)(Google和Opera software 开发的浏览器排版引擎)
            -webkit-
            Trident(IE内核)
            -ms-
            gecko(火狐内核)
            -moz-
            presto(Opera前内核,已废弃)
            -o-
    

    四、git(分布式版本控制系统)

        git (分布式版本控制系统)
            第一次要克隆地址:git clone git地址 将码云远程库克隆到本地
            上传 四步走
            1.git add ./
            2.git commit -m
            3.git pull
            4.git push
    

    注意:1.千万不要写了很多代码或者页面以后一次性提交码云
    2.千万不要害怕冲突而不用

        快捷方式:
            1.使用vscode集成的git工具
            2.利用&符号可以一次书写几个命令
            3.利用bat文件进行shell脚本编辑,双击执行(windows系统)

    相关文章

      网友评论

          本文标题:2019-01-07scss、animation、git

          本文链接:https://www.haomeiwen.com/subject/cuzjdqtx.html