由於公司人員配置的原因，不得已要自己制作頁面了。對於大多數后端技術員來講，自己寫前端頁面是件很痛苦的事情，但是沒辦法，只能是硬着頭皮上了，雖然之
前也有接觸一些css，除了css3的一些屬性，其他的基本都知道，並了解使用，可從始至終除了拼湊一些后台頁面以外，就沒有真正完整的做過幾個前端頁面。
然后就着我所知道的那些標簽跟css屬性寫起了頁面。首先，我所知道的div+css布局：
1. 頁面的左邊跟右邊要留白，不然分辨率一變，頁面就沒用了（定寬），我寫的是1200px作為可視區。
2. 頁面內容左右要居中，我只知道一個text-align=center, 和absolute+ margin 50%+偏移, 沒有了
3. 上下居中，記得有一個vertical-align=middle,這個死活不知道怎么用，寫上去沒效果，還有一個就是自己摸索出來的 內層line-height +外層定高可以實現基本的標
題 跟div上下居中,div只能是通過設置內層margin或者外層padding實現了
4. 多個div左右排布 ，float
5. li 左右排布 li 設置float left or right , list-style=none 去掉li前面那些點點
6. 遮蓋層，外面由兩個div組成，一個做那個下面的遮蓋層(帶透明的，調opacity就好)，還一個是要顯示的內容，這里用position=absolute + z-index控制div的顯示位
置和底層表層
7. 關於position=absolute，如果次外層沒有position=relative的情況下，寫這個都是相對於整個窗口而言，如果有的話就是相對於次外層 而言，top left right bottom
等控制位置就好
8. 字體顏色用 color控制，背景顏色用background-color:red（#ff0303）,背景圖background-image:url(路徑);
9. 圖片做超鏈接，把<img>套在<a>里面，想把<a>做到圖的某個位置上的時候，就把<img>所在的容器設上position:relative,<a>設置position:absolute,調下top left ……
就好了
10. 另外對於上下左右居中，我網上查了下有個很好的方式flex,不過這種IE9就給掛了，所以沒去用
11. 關於div的高度，使用我這種布局的，padding也算里面，例如外層div 想讓它高度為100px，然后設置了padding:20px ，那么它的height就只能設為80px了，不然就
變成了120px了
12. 再分享幾個東西，http://www.spritecow.com/（雪碧圖）和 切圖神器 pxcook(像素大廚)想再插個鏈接，插不上去，編輯html也不行,真正要做頁面的時候肯定可以用
得上的
小弟才疏學淺，前端大神看到不要噴，你不會了解后端技術員做前端頁面的痛