第九課時(shí) 新手容易犯的錯(cuò)誤
1.不加doctype,導(dǎo)致低版本IE,解析效果不一樣,不兼容
2.id為數(shù)字,id為數(shù)字的情況下沒(méi)有效果
3.文件編碼與charset編碼不一樣,需要一致。保存的格式也要一致。
作業(yè):
把這三個(gè)錯(cuò)誤各犯一遍,觀察效果。
1.可能是IE瀏覽器版本比較高,或者代碼內(nèi)容簡(jiǎn)單,并沒(méi)有出現(xiàn)相關(guān)問(wèn)題。
2.當(dāng)id為數(shù)字,或者以數(shù)字開頭時(shí),所設(shè)置的ID內(nèi)容無(wú)效,當(dāng)id為字母開頭,數(shù)字結(jié)尾時(shí),內(nèi)容有效。
3.試著將一個(gè)文件先從html格式,轉(zhuǎn)換為txt格式,然后另存為,存為Unicode ; Unicode big endian ;ANSI; 再打開,都能挺好地顯示的……沒(méi)有出現(xiàn)代碼。
第十課時(shí) 盒模型
將一個(gè)div看作一個(gè)盒子,盒子與盒子之間的距離叫做margin(外邊距),盒子的邊框(border),盒子里面一般不會(huì)塞滿盒子壁到實(shí)際放東西的距離叫做內(nèi)邊距(padding)。
沒(méi)有作業(yè)。
第十一課時(shí)
盒模型之margin講解
有三種方式可以設(shè)置margin的值,
第一,margin:10px;這樣這個(gè)盒子的外邊距就都是10px
第二,margin-top:20px;這樣這個(gè)盒子的上邊距為20px,其他沒(méi)有邊距,其他方向可以通過(guò)margin-right等來(lái)設(shè)置;
第三,margin:10px 20px 30px 40px;依次為上右下左外邊距,順時(shí)針?lè)较颉?br>
如果只寫了兩個(gè)數(shù)字,沒(méi)分配到的邊就取對(duì)邊值,如下邊距會(huì)取上邊距值,左邊距值會(huì)取右邊距值;如果只寫了三個(gè)數(shù)字,則左邊距取對(duì)邊(右邊距的值)。