2.15打卡

课程：css与html课程

一、掌握的知识点

1. 通过前面的知识，做完了餐饮系列的部分页面

2. cursor的手势代码

#dh>div:hover {
    color: red;
    cursor:pointer;
    font-weight: bolder;

3. 完成了户外运动的页面设计，巩固梳理了前几节课的知识点

ps：今天的主要工作是完成个人页面，在做页面的过程中发现和解决遗留和疏漏的问题

二、难点与解决方法

难点：在做页面时，红色和白色作为一个div，不知道怎么让白色覆盖上面的背景图片，并且使二者不一样高

解决办法：通过对齐二者的底部，使红色的高低于白色div30px，然后对整体使用margin-top: -30px;让整体div上移，白色div块便会覆盖上面的部分