練習(xí)一 其問(wèn)題總結(jié)如下：

圖一

1.<header>標(biāo)簽里面寫(xiě)標(biāo)題最好使用<h3>等標(biāo)簽

出現(xiàn)問(wèn)題：在html頁(yè)面標(biāo)簽下，我直接寫(xiě)上文字。以前知道怎么寫(xiě)，練習(xí)的太多了，越寫(xiě)越亂了。忘了在header里邊寫(xiě)標(biāo)題的時(shí)候使用h3等標(biāo)簽。而是直接插入個(gè)div，使簡(jiǎn)單的問(wèn)題復(fù)雜化。當(dāng)寫(xiě)上h3標(biāo)簽的時(shí)候忘記清除本身的樣式。

解決辦法：<header>標(biāo)簽里邊把div換成h3標(biāo)簽。加class命名，重新寫(xiě)樣式。

圖二

最后總結(jié)：標(biāo)題類(lèi)的內(nèi)容用h1~h6之間的標(biāo)簽來(lái)寫(xiě)。（問(wèn)題已解決）

2.清浮動(dòng)問(wèn)題

出現(xiàn)問(wèn)題：浮動(dòng)用得多了，子級(jí)加的很爽，忘記給父級(jí)清浮動(dòng)。

解決辦法：清浮動(dòng)的幾方法：1.加高度 /2.加inline-block/3.加空標(biāo)簽/4.以浮制浮/5.加br/6.加after偽類(lèi)，一般經(jīng)常用：加高度和after偽類(lèi)

????????? ? ? clearfix:after{?? ?

?????????????????????????????? content:"";?

?????????????????????????????? display:block;??? ? ? ? ? ? ?? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? clear:both;
?????????????????? }

最后總結(jié)：只要子級(jí)加浮動(dòng)了，父級(jí)一定要先清除浮動(dòng)。免得都是子級(jí)加浮動(dòng)，最后父級(jí)忘記清，避免造成高度塌陷。（問(wèn)題已解決）

練習(xí)二 其問(wèn)題總結(jié)如下：

圖三

1.加了多余div標(biāo)簽。

圖四

出現(xiàn)問(wèn)題：div.content里多加個(gè)div.week標(biāo)簽，其實(shí)頭部header寫(xiě)完，下邊內(nèi)容可以放在一個(gè)div里邊的，而我在header標(biāo)簽上邊div.content標(biāo)簽下多加了一個(gè)div嵌套底以下內(nèi)容

解決辦法：刪掉多余的沒(méi)必要的div標(biāo)簽。精簡(jiǎn)代碼

最后總結(jié)：我最容易犯的就是多加好多沒(méi)用的div。這個(gè)需要以后注意 ，不要老是堆積，容易亂，最后不知道在哪個(gè)div上樣式? 。 （有待完善）

2.文字寫(xiě)在一起，頂部文字的行高問(wèn)題

圖五

出現(xiàn)問(wèn)題：文字放在一起的時(shí)候，如果設(shè)置行高。我習(xí)慣把最頂部的文字，重新class命名，然后margin-bottom向下移動(dòng)，下邊的文字在給統(tǒng)一設(shè)置行高

圖六

解決辦法：應(yīng)統(tǒng)一設(shè)置行高，利用padding移動(dòng)，或者其他解決辦法

（寫(xiě)的不好，輕噴！）

?????????????????