课堂练习总结（问题与解决）

练习一 其问题总结如下：

图一

1.<header>标签里面写标题最好使用<h3>等标签

出现问题：在html页面标签下，我直接写上文字。以前知道怎么写，练习的太多了，越写越乱了。忘了在header里边写标题的时候使用h3等标签。而是直接插入个div，使简单的问题复杂化。当写上h3标签的时候忘记清除本身的样式。

解决办法：<header>标签里边把div换成h3标签。加class命名，重新写样式。

图二

最后总结：标题类的内容用h1~h6之间的标签来写。（问题已解决）

2.清浮动问题

出现问题：浮动用得多了，子级加的很爽，忘记给父级清浮动。

解决办法：清浮动的几方法：1.加高度 /2.加inline-block/3.加空标签/4.以浮制浮/5.加br/6.加after伪类，一般经常用：加高度和after伪类

              clearfix:after{    

                               content:""; 

                               display:block;                  

                               clear:both;
                   }

最后总结：只要子级加浮动了，父级一定要先清除浮动。免得都是子级加浮动，最后父级忘记清，避免造成高度塌陷。（问题已解决）

练习二 其问题总结如下：

图三

1.加了多余div标签。

图四

出现问题：div.content里多加个div.week标签，其实头部header写完，下边内容可以放在一个div里边的，而我在header标签上边div.content标签下多加了一个div嵌套底以下内容

解决办法：删掉多余的没必要的div标签。精简代码

最后总结：我最容易犯的就是多加好多没用的div。这个需要以后注意 ，不要老是堆积，容易乱，最后不知道在哪个div上样式  。 （有待完善）

2.文字写在一起，顶部文字的行高问题

图五

出现问题：文字放在一起的时候，如果设置行高。我习惯把最顶部的文字，重新class命名，然后margin-bottom向下移动，下边的文字在给统一设置行高

图六

解决办法：应统一设置行高，利用padding移动，或者其他解决办法

（写的不好，轻喷！）