第一，今天做的事：
1.前几天因为对服务器了解欠缺，走了许多弯路。后来因为配置乱了些，就把云盘做初始恢复了，然后照着链接文章步骤配置完成。（配置nginx）有用的话供大家参考参考： https://blog.csdn.net/weixin_42014622/article/details/102560705。并且多天的多次配置下，也从中学习到了许多linux的常用命令。
2.对px,em,rem,百分比的测试：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
.first {
background-color: teal;
width: 600px;
height: 200px;
}
.second {
background-color: tomato;
width: 20em;
}
.three {
background-color: yellowgreen;
width: 20rem;
}
.four {
background-color: bisque;
width: 40%;
}
div {
height: 20px;
color: white;
}
p {
background-color: white;
height: 30px;
margin: 5px;
font-size: 20px;
color: black;
}
.p1 {width: 80%;}
.p2 {width: 5em;}
.p3 {width: 5rem;}
.p4 {width: 480px;}
</style>
<title>px,rem,em测试</title>
</head>
<body>
<div class="first ">
600px
<p class="p1">继承父元素：80%*600=480px</p>
<p class="p2"></p>
<p class="p3"></p>
<p class="p4">自带480px</p>
</div>
<div class="second">20em</div>
<div class="three">20rem</div>
<div class="four">40%</div>
</body>
</html>
原本想要比较一下，px,em,rem,百分比的特征关系，结果发现理解的不到位，然后就只是有了一些模糊概念，所以明天准备重新理解一遍。
3.虽然用ps抠出了图，但熟练度太低，浪费了许多时间，没有达到预期效果。
第二，明天要做的事：
1.对px,em,rem,百分比的特征关系的重新理解；
2，绝对定位和相对定位的学习。
3，提高ps基本使用熟练度。
返回列表
评论