发表于: 2020-01-09 23:06:52

1 1379


今天完成的事情:补完了重构页面的最后一段功能,学习了js的一些内容
明天计划的事情:继续任务学习js
遇到的问题:概念太多一时记不住,需要多练

收获:任务九最后的页面添加动态效果。效果图

添加了阴影点上去翻转的动画效果

代码

.Engineer {
    .learning {
        .Redtext {
            colorred;
        }

        padding-left0.5vw;
    }

    .b5 {
        .Specificwage {
            display        : flex;
            justify-contentspace-between;
            padding-left   : 1vw;
            padding-right  : 0.5vw;
        }

        border-leftsolid 1px rgba(2222222220.5);
        line-height78px;
        text-align : center;
    }

    .frame {
        img {
            margin-left1vw;
        }

        .framepart {
            margin0 0.5vw;
            color : #999;
        }

        display    : flex;
        align-itemscenter;
        white-spacenowrap;
    }

    .Jobdetails {
        padding-top : 0.5vw;
        padding-left0.5vw;
    }

    .Jobdescription {
        .Jobillustrations {
            background     : url(./8/d1.pngno-repeat;
            background-sizecontain;

            height104px;
        }

        padding     : 1vw 0.5vw;
        border-rightsolid 1px rgba(2222222220.5);
        border-left : solid 1px rgba(2222222220.5);
        border-top  : solid 1px rgba(2222222220.5);
    }

    .Engineerintroduction {
        p {
            text-align    : center;
            padding-top   : 2vw;
            padding-bottom2vw;
        }

        position        : absolute;
        height          : 98%;
        visibilityhidden;
        background-colorrgba(0000.7);
        z-index         : 1;
        color           : white;
        padding         : 2vw;
        font-size       : 10px;
       
        transitiontransform 2s
    }

    padding-right1vw;
    padding-top  : 0.5vw;

}


学习了js 的一些概念内容,如

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

<p>
    JavaScript 能够直接写入 HTML 输出流中:
    </p>
    <script>
    document.write("<h1>这是一个标题</h1>");
    document.write("<p>这是一个段落。</p>");
    </script>
    <p>
    您只能在 HTML 输出流中使用 <strong>document.write</strong>
    如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
    </p>

这个就是简单的一个js实例

明天继续学习


返回列表 返回列表
评论

    分享到