20170303 第九-第十一課時(shí)

第九課時(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ì)邊(右邊距的值)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,814評(píng)論 1 92
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,627評(píng)論 32 459
  • 一、在什么場(chǎng)景下會(huì)出現(xiàn)外邊距合并?如何合并?如何不讓相鄰元素外邊距合并?給個(gè)父子外邊距合并的范例 在CSS當(dāng)中,相...
    dengpan閱讀 603評(píng)論 0 0
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素;行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,050評(píng)論 1 4
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 1,880評(píng)論 0 6