今天课程不多,内容却相当的繁琐,大多都是需要我们记忆的东西,各种属性的相互配合与各种属性的格式都需要注意。
通过对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>