練習(xí)一 其問題總結(jié)如下:
1.<header>標(biāo)簽里面寫標(biāo)題最好使用<h3>等標(biāo)簽
出現(xiàn)問題:在html頁面標(biāo)簽下冒滩,我直接寫上文字离斩。以前知道怎么寫磅叛,練習(xí)的太多了,越寫越亂了皆辽。忘了在header里邊寫標(biāo)題的時(shí)候使用h3等標(biāo)簽柑蛇。而是直接插入個(gè)div,使簡單的問題復(fù)雜化驱闷。當(dāng)寫上h3標(biāo)簽的時(shí)候忘記清除本身的樣式耻台。
解決辦法:<header>標(biāo)簽里邊把div換成h3標(biāo)簽。加class命名空另,重新寫樣式盆耽。
最后總結(jié):標(biāo)題類的內(nèi)容用h1~h6之間的標(biāo)簽來寫。(問題已解決)
2.清浮動(dòng)問題
出現(xiàn)問題:浮動(dòng)用得多了痹换,子級(jí)加的很爽征字,忘記給父級(jí)清浮動(dòng)。
解決辦法:清浮動(dòng)的幾方法:1.加高度 /2.加inline-block/3.加空標(biāo)簽/4.以浮制浮/5.加br/6.加after偽類娇豫,一般經(jīng)常用:加高度和after偽類
????????? ? ? clearfix:after{?? ?
?????????????????????????????? content:"";?
?????????????????????????????? display:block;??? ? ? ? ? ? ?? ?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? clear:both;
?????????????????? }
最后總結(jié):只要子級(jí)加浮動(dòng)了匙姜,父級(jí)一定要先清除浮動(dòng)。免得都是子級(jí)加浮動(dòng)冯痢,最后父級(jí)忘記清氮昧,避免造成高度塌陷框杜。(問題已解決)
練習(xí)二 其問題總結(jié)如下:
1.加了多余div標(biāo)簽。
出現(xiàn)問題:div.content里多加個(gè)div.week標(biāo)簽袖肥,其實(shí)頭部header寫完咪辱,下邊內(nèi)容可以放在一個(gè)div里邊的,而我在header標(biāo)簽上邊div.content標(biāo)簽下多加了一個(gè)div嵌套底以下內(nèi)容
解決辦法:刪掉多余的沒必要的div標(biāo)簽椎组。精簡代碼
最后總結(jié):我最容易犯的就是多加好多沒用的div油狂。這個(gè)需要以后注意 ,不要老是堆積寸癌,容易亂专筷,最后不知道在哪個(gè)div上樣式? 。 (有待完善)
2.文字寫在一起蒸苇,頂部文字的行高問題
出現(xiàn)問題:文字放在一起的時(shí)候磷蛹,如果設(shè)置行高。我習(xí)慣把最頂部的文字溪烤,重新class命名味咳,然后margin-bottom向下移動(dòng),下邊的文字在給統(tǒng)一設(shè)置行高
解決辦法:應(yīng)統(tǒng)一設(shè)置行高檬嘀,利用padding移動(dòng)槽驶,或者其他解決辦法
(寫的不好,輕噴G姑肌)
?????????????????