练习一 其问题总结如下:
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移动,或者其他解决办法
(写的不好,轻喷!)