今天學(xué)習(xí)的第二天，今天主要學(xué)習(xí)了盒模型、標(biāo)簽的分類、CSS三種引入方式以及CSS選擇器
1.盒模型：
??? 盒模型分為標(biāo)準(zhǔn)盒模型以及怪異盒模型。
?? 標(biāo)準(zhǔn)盒模型的內(nèi)容尺寸：width*height;盒子尺寸：（width+padding+border）*（height+padding+border）；盒子的區(qū)域尺寸：（width+padding+margin+border）*????????? （height+padding+margin+border）。
?? 怪異盒模型的內(nèi)容尺寸：（width-padding-border）*（height-adding-border）；盒子尺寸：width*height；盒子的區(qū)域尺寸：（margin+margin）*（height+margin）。
?? 怪異的盒模型一般出現(xiàn)在IE6，IE7，IE8。
盒子與盒子之間盡量用margin，盒子內(nèi)部用padding 盒子尺寸盡量用auto
2.標(biāo)簽的分類
?? 一般標(biāo)簽分為block，inline，inline-block三類
? 2.1 block標(biāo)簽的作用：獨占一行，不與其他標(biāo)簽同行排列，可以設(shè)置寬高，當(dāng)沒有設(shè)置寬高時，他的寬會默認(rèn)其父級的寬，高則由內(nèi)容撐開
? 2.2 inline標(biāo)簽的作用：可以和行級標(biāo)簽以及行塊標(biāo)簽同行排列，不能設(shè)置寬高，寬高由內(nèi)容撐開；
? 2.3 inline-block標(biāo)簽的作用：不會獨占一行，可以和行級標(biāo)簽以及行塊標(biāo)簽同行排列，可以設(shè)置寬高，但是有個缺點，在同行排列時如果一個有文字一個沒有文字時，他會文字的底部?
?? 和標(biāo)簽的頭部同行排列，要設(shè)置基線對齊，或其他方式才能對齊，一般用在列表與結(jié)構(gòu)相同的盒子中。
3.CSS的三種引入方式
?? 行間樣式，內(nèi)部樣式以及外部樣式
?? 3.1行間樣式：寫在標(biāo)簽內(nèi)部，例如：<div style="width:100px;height:100px;border:1px solid red;"></div>
? ? ? ? 優(yōu)點：不會產(chǎn)生額外的請求
? ? ? ? 缺點：會產(chǎn)生大量的代碼冗余，導(dǎo)致文檔體積變大；不利于維護(hù)；不符合樣式與結(jié)構(gòu)分離的規(guī)范
??? 3.2內(nèi)部樣式：寫在head標(biāo)簽里面的，例如
