前端第五課----（默認顯示類型和顯示類型轉換）
塊級元素特性：
block（div/p/dl/form/h1~h6/ol/ul）
1.獨佔一行
2.高度由裏面的元素撐開
3.寬度默認100%（繼承父元素寬度）
4.可以設置外邊距/內邊距
6.p標籤下不可以包裹塊級元素（只存放文本）
行內元素特性：
inline:(a/b/em/i/img/span)
1.和其他行內元素處於同一行
2.不支持寬高
3.上下外邊距無效，auto無效（不支持auto居中）
4.內邊距只對內聯元素產生影響，無塊級元素
5.標籤之間的空格解析
6.a標籤能包裹塊級元素(特殊，區域鏈接)
行內塊級：(集合兩種行內元素的性質inline-bock:)
1.本質上是行內元素，具有行內元素的性質
2.支持寬高
3.上下外邊距有效，auto無效（不支持auto居中）
4.內邊距只有對內聯元素產生影響，無視塊級元素
5.標籤之間的空格解析
6.img標籤不是行內塊元素（是行內元素，但是可以設置寬高）
設置行內塊級元素會遇到的問題：
將兩個行內元素或塊級元素以回車隔開且再將它設置爲行內塊級後，兩個行內塊級元素之間會產生空格（回車被解析爲空格）。解決方法：
1.設置其父級元素font-size=0;
2.刪除標籤之間的回車；
3.從根本解決問題，（不要使用）
字符和數字會被解析爲一個字符串，會超出設置的範圍。
兩個行內塊級元素存在時，其中一個會與另一個塊級元素內容的最低端對齊。解決方法：設置vertical-align:top;
瀏覽器內核：
內核名稱：Trident(IE內核)-IE系列/360瀏覽器.獵豹瀏覽器/百度瀏覽器/世界之窗 -ms-
Gecko(Firefox內核)->火狐瀏覽器 -moz-
webkit(Safari內核，Chrome內核原型，開源)->蘋果safari瀏覽器/安卓默認瀏覽器 -webkit-
Blink->Chrome(谷歌自主研發) -webkit-
Opera現已改用Google Chrome的Blink內核 -o-
現在最新版的瀏覽器基本都支持css3基本都不用寫前綴，寫前綴是爲了向前兼容老版本的瀏覽器
寫法：-o-animation:; -ms-animation:; -moz-animation:;這樣可以兼容不同的瀏覽器。
元素的隱藏：
元素設置爲display:none;整個元素會完全消失，瀏覽器不進行解析。與block匹配使用；
元素的可見性：
元素默認爲visibility:visible;
元素的不可見visibility：hidden;(元素只是不顯示但存在於原來位置)效果等同於–
opacity:0;(設置的是標籤的透明度裏面內容也會變透明)；
溢出：
overflow:hidden;(超出範圍的內容會被藏起來)
默認值：overflow:visible;
**加載文本滾動條：**overflow:auto;（文字超出是纔會顯示滾動條）
無論有無內容都會顯示滾動條：overflow:scroll;（橫縱滾動條都存在）
overflow:scroll-x:(只存在橫向滾動條)
overflow:scroll-y;(只存在縱向滾動條)
overflow-x:hidden(隱藏橫向滾動)縱向同理。
默認樣式清除：
li的小點清除
a清除標籤下劃線 改變顏色：color:…;