css
- 語法：樣式語法
選擇器{
屬性名：屬性值；
/注釋/
}
記住3個東西
@charset "UTF-8"
@ import url(2.css);
@media (min-width: 100px) and (max-width : 200px){
,,,,,,,
}
糾錯
- chromeF12代碼有感嘆號，語法錯誤；
- border調(diào)試法；
查文檔
w3c
css 2.1中文版
incline和block
span{第$個spane元素}*8
inline
span不占一行：內(nèi)聯(lián)元素；不接受寬度，寬度由內(nèi)聯(lián)元素決定；
高度：由line-height間接確定，跟height無關(guān)
block
div不滿也占一行滿的：塊級元素；寬度是占滿全行：auto，不是100%,可用width指定；
高度可以設(shè)height，由文檔流的元素決定
寬和高由第一屏決定，當(dāng)有滾動條的時候
inline-block
基本和block一樣，height和width都可以設(shè)置
overflow
overflow來說設(shè)置是否顯示滾動條;
- auto靈活設(shè)置
- scroll永遠(yuǎn)顯示
- hidden直接隱藏溢出的部分
- visible:直接顯示溢出的部分
脫離文檔流
文字放在<span>里，css里span 的float:left;或者position:absolute/fixed;
- 內(nèi)聯(lián)元素里別放塊級元素;
- 永遠(yuǎn)不要寫width:100%,除了特例;不然會有bug
*border:20px solid green,寫div不寫border就別寫div,寫完再刪掉
content box 和border box
默認(rèn)是content box
SharedScreenshot.jpg
margin的合并：只會在上下合并，不在左右；
SharedScreenshot1.jpg
