20170303 第九-第十一課時

第九課時 新手容易犯的錯誤
1.不加doctype,導(dǎo)致低版本IE,解析效果不一樣,不兼容
2.id為數(shù)字,id為數(shù)字的情況下沒有效果
3.文件編碼與charset編碼不一樣,需要一致。保存的格式也要一致。

作業(yè):
把這三個錯誤各犯一遍,觀察效果。
1.可能是IE瀏覽器版本比較高,或者代碼內(nèi)容簡單,并沒有出現(xiàn)相關(guān)問題。
2.當(dāng)id為數(shù)字,或者以數(shù)字開頭時,所設(shè)置的ID內(nèi)容無效,當(dāng)id為字母開頭,數(shù)字結(jié)尾時,內(nèi)容有效。
3.試著將一個文件先從html格式,轉(zhuǎn)換為txt格式,然后另存為,存為Unicode ; Unicode big endian ;ANSI; 再打開,都能挺好地顯示的……沒有出現(xiàn)代碼。

第十課時 盒模型
將一個div看作一個盒子,盒子與盒子之間的距離叫做margin(外邊距),盒子的邊框(border),盒子里面一般不會塞滿盒子壁到實際放東西的距離叫做內(nèi)邊距(padding)。
沒有作業(yè)。

第十一課時
盒模型之margin講解
有三種方式可以設(shè)置margin的值,
第一,margin:10px;這樣這個盒子的外邊距就都是10px
第二,margin-top:20px;這樣這個盒子的上邊距為20px,其他沒有邊距,其他方向可以通過margin-right等來設(shè)置;
第三,margin:10px 20px 30px 40px;依次為上右下左外邊距,順時針方向。
如果只寫了兩個數(shù)字,沒分配到的邊就取對邊值,如下邊距會取上邊距值,左邊距值會取右邊距值;如果只寫了三個數(shù)字,則左邊距取對邊(右邊距的值)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容