這是我自己在平時寫頁面的一些小技巧，希望對閱讀的你有所幫助。
1棘伴，改變hr的顏色的方法：<hr style = "border:0;background-color:#000;height:1px",如果不加border:0的話，雖然顏色變了，但是會顯示一條黑色的邊框矢赁，如果不加height:1px的話，在火狐瀏覽器不是顯示贬丛。
2撩银，去掉li的最后一個margin值或者border值，給最后一個li命名一個名字豺憔，覆蓋之前的值就可以了额获。
3，不能調(diào)整margin值或者是padding值時恭应，給父元素加overflow：hidden抄邀，或者給父元素加個高度或者是border值。
4昼榛，添加背景圖片：給要添加背景圖片的元素前（例如：a 行內(nèi)元素）加一個i標(biāo)簽或者其他行內(nèi)標(biāo)簽境肾，把寬高設(shè)置成和圖片一樣大小，然后在加一個background-position：0,0胆屿。調(diào)整位置奥喻。
5，list-style：disc? 默認(rèn)實心圓
????????????????????? none 空
??????????????????????circle 空心圓
????????????????????? square 實心方塊
????????????????????? decimal 數(shù)字
????????????????????? lower-latin 小寫字母
????????????????????? upper-latin 大寫字母
6非迹，text-decretion：no 無
?????????????????????????????? underline 下劃線
?????????????????????????????? overline 上劃線
?????????????????????????????? line-through 刪除線
7环鲤， border-style：solid 實線
??????????????????????????? dashed 虛線
8，隱藏方法：visibility：visible 可見? 位置在
?????????????????????? vsibility：hidden 隱藏 位置在
????????????????????? display：none憎兽；隱藏 位置不在
????????????????????? display：block冷离；顯示位置在
9吵冒，透明度： rgb（）只是背景顏色透明
???????????????????? opcity 元素都透明? 取值（0-1)
??????????????????????? filter（濾鏡 優(yōu)化ie低版本）：alpha（opcity= ）取值（0——100）整數(shù)
10，如果圖片超出西剥，可用overflow：hidden
11痹栖，pc端，全屏顯示出現(xiàn)滾動條蔫耽，可設(shè)置一個最小寬度min-width：
12结耀，如果想給一個元素命名class? 同時命名兩個，可以在中間加空格匙铡，例如：class=“text nav”
13图甜，塊級元素居中：margin：0 auto；
position：relative鳖眼；實現(xiàn)層與層之間的關(guān)系
14黑毅，處置調(diào)整：在table中，想把一列內(nèi)容居中钦讳，用vertical-align：Middle矿瘦；不管用時：例如：有一個導(dǎo)航菜單，他的高度是2em愿卒，如果你插入這個命令缚去，他不會執(zhí)行，并且會把文字放到頂端琼开，這是你把盒子的行高調(diào)成一樣就可以了易结。
15，注意選擇器的權(quán)重問題柜候，如果設(shè)置的內(nèi)容在頁面中不顯示搞动，選擇器權(quán)重不夠
16,input框里想出現(xiàn)小箭頭，type類型為number類型
17,卷去的距離沒有單位渣刷，可以直接做加法運算
18鹦肿，overflow：auto；出現(xiàn)滾動條
19辅柴，如果加給元素加border的話箩溃，不想寬度增加，可以加一個box-sizing = border-box 碌嘀；
20涣旨，圖片是背景元素的時候，圖片不居中筏餐，可以加一個vertical-align =?middle；
21牡拇，如果給你的元素添加marggin值或者是padding值添加不上魁瞪，可以給父元素添加overflow =?hidden就可以了穆律。
22，鼠標(biāo)形狀的改變：
? ? ? 手形：cursor:pointer导俘；
? ? ? 問號：cursor:help峦耘；?
? ? ? 工字型：cursor：text；
????? 等待的效果：cursor：wait
????? 向右的箭頭：cursor：e-resize
????? 向左的箭頭cursor：w-resize
????? 向下的箭頭cursor：s-resize
????? 向上的箭頭cursor：n-resize
????? 默認(rèn)的效果：cursor：default
????? 自動：cursor：auto
?????
