• 样式属性


     今天课程不多,内容却相当的繁琐,大多都是需要我们记忆的东西,各种属性的相互配合与各种属性的格式都需要注意。

     通过对div的命名然后用选择器修改div的样子,包括大小、位置、颜色、等各种小变化。其中需要各种代码来完成,代码是非常繁多的。需要我们多多记忆来强化学习。

    还有边框与边界。其中有三个比较常用有margin、padding、boder。通过对边距的不同定义来实现所要达到的效果。在一些单词的记忆中,有一些还是比较形象的。可以多结合日常生活的实际情况与逻辑思维来记忆,事半功倍。

    学习的内容有点多还需要多多消化,这就提醒我们课下好好复习。下边附上今天自己写的代码,加油。

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <style>
                .what{
                     100px;
                    height: 35px;
                    border: 2px solid black;
                    text-align: center;
                    line-height: 35px;
                    background-color: rgb(0,0,100,0.3);
                    transition: 4s;
                    border-radius: 10px;
                    
                }
                .what:hover{
                    cursor: pointer;
                    background-color: rgba(0,255,0,0.8);
                    transform:skew(1080deg,1080deg);
                    
                }
            </style>
        </head>
        <body >
             <div class="what">按按很开心</div>
        </body>
    </html>

  • 相关阅读:
    关于jQuery方法解析(一)append-参数设置问题
    CSS动画
    关于html CSS 绝对相对布局问题
    Chrome自带的开发者工具使用方法教程
    web常见漏洞及防范方法
    前端性能优化 Web前端应该从哪些方面来优化网站?
    属性的特征描述可以分为两类:数据属性和访问器属性
    iScroll.js的用法
    百度前端学院在线学习参考资料
    GET和POST的区别,何时使用POST?
  • 原文地址:https://www.cnblogs.com/gbbwzz/p/7518318.html
Copyright © 2020-2023  润新知