之前在做背景圖片的時候遇到了一個困難，無法將背景圖片完整的占滿整個屏幕，
后來網上沖浪找到了背景圖片完整鋪滿的方法
<body class="bgimg">
</body>
.bgimg{
background-image: url(img/58bg.jpg); ——插入背景圖片
background-repeat:no-repeat; ———設置圖片不平鋪
background-size: 100% 100%; ————設置圖片的寬高都為100%
background-attachment: fixed; —屬性設置背景圖像是否固定或者隨着頁面的其余部分滾動，
fixed ——當頁面的其余部分滾動時，背景圖像不會移動；
scroll ———默認值。背景圖像會隨着頁面其余部分的滾動而移動；
inherit ————規定應該從父元素繼承 background-attachment 屬性的設置。
}
這樣背景圖片就會整張鋪滿背景
第二個問題，如何定位到一整張圖片中的部分圖片，並且單獨顯示出來，這需要用到背景圖片的定位了，
<div class="logo"></div> ———先設置一個盒子，定義一個id
.logo{
width:133px: ———根據所需截取的圖片大小來定義盒子的寬高
height：45px：
background-image：URL ————鏈接到一整張圖片
background-position： 0 -201px； ————意思是向上垂直偏移201個px就是需要的圖片
}
效果如圖：
原圖是：
background-position： x y：
x：水平偏移 +右 -左
y：垂直偏移 +下 -上
x：left、right、center
y：top、bottom、center
xy：（具體值）%
0% 0%:原地
50% 50% ：中間
————————————分割線 ——————————————
講隱藏方式之前先將塊級元素和行內元素以及內聯元素說明一下：
塊級元素：可以設置寬高 設置外邊距 內邊
行內元素 ：可以設置寬高，且不獨立成行 img input
內聯元素 無法設置寬高， 且不獨立成行 不能設置上下邊距 span lable font i e...
隱藏方式：display ： none ：隱藏 脫離文檔流，不占據頁面空間
block ： 讓元素變成塊級
inline：行內元素
inline-block ：可設置元素寬高，但是不會獨立成行
visibility：顯示隱藏
visible：默認值 表示可見
hidden：隱藏，不脫離文檔流
opacity：設置元素透明度 0.1~1.0 其中值越大透明度越低
總的來說有三種隱藏方式：display、visibility+opacity
設置單元格垂直對齊方式：
vertical-align：top
middle
bottom
baseline （默認值 基線對齊）
基線：其他子元素與父元素中最后一行文字對齊
例：
