1. 因为有时间差，上班，应酬客户。对于抄写案列和默写这种需要大量时间的，自己还是坚持下来了，现在还是熊猫眼呢。
2.将flex属性的用法, 手抄, 建议二遍以上
3.自学:align-self, order的用法
4.试着将之前的一些案例用flex布局改定, 例如圣杯布局
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>弹性布局：圣杯</title>
<style>
body{
display: -webkit-flex;
display: flex;
min-height: 100vh;
flex-direction: column;
border:1px solid red;
font-size:16px;
}
header,footer {
flex: 1;
border:1px solid green;
}
main{
display: -webkit-flex;
display: flex;
flex: 5;
border:1px solid red;
}
main > article{
flex: 1;
border:1px solid green;
background-color: lawngreen;
}
main > aside{
flex: 0 0 200px;
border:1px solid red;
background-color: lightcoral;
}
main > aside:first-of-type{
order: -1;
}
</style>
</head>
<body>
<header>头部</header>
<main>
<article>内容区</article>
<aside>左侧</aside>
<aside>右侧</aside>
</main>
<footer>底部</footer>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
上述代码和总结中涉及知识点注释总结：
在计算方面还需加强练习才能彻底理解，自己给自己打打气，加油。