样式属性

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

 通过对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>

原文地址:https://www.cnblogs.com/gbbwzz/p/7518318.html