1.在使用浮動佈局的時候，如果多行li使用不同的左右浮動會出現奇數會在一起偶數在一起，解決方法設置一樣的浮動》
2.在sass裏面“&”表示當前的意思。&:hover （用css實現鼠標移入和移除事件的效果）
3.不建議設置input的高度，input的高度一般會隨着字體的變大自動變大。
4.對於頁面上一些沒有交互的小圖片，儘可能用css去解決他，一般用背景、僞類。
5.先設置了background-size，然後設置了background，會覆蓋background-size屬性，所以這裏需要注意它們的順序
6.設置了margin-top:60px，導致整體移動了60px
解決方案：
給父容器設置邊框
改用padding
使用一個佔位元素，將其他位置擠下來
7. div不設置任何背景的時候，默認是透明的，不是白色。
8.存在的問題文件的命名：
（1）複合單詞中間用下劃線“_” eg：download_app 推薦
（2）複合單詞，單詞直接用駝峯寫法 eg：downloadApp
如果已經使用了不規則寫法，使用“重構”功能修改名稱。
class的命名：
複合單詞，中間用中劃線“-” eg：app-introduce
id的命名：
複合單詞，使用駝峯寫法。 eg：userName
3.chrome瀏覽器刷新快捷鍵(http 返回碼304)
正常刷新：CTRL+R
強制刷新（清除cache刷新）：CTRL+Shift+R
當修改了頁面樣式或者內容的時候，如果正常刷新頁面沒反應，試試強制刷新。
如果還是沒反應，考慮檢查class名稱是否寫錯，在HTML按住CTRL，然後用鼠標點擊class名稱，可以正常跳轉，說明class沒寫錯。
9.清除浮動的方法：
中間加個空的div（佔位符）
方式二:使用額外標籤法
.clear{
clear:both;
}
在浮動的盒子之下再放一個標籤，在這個標籤中使用clear:both，來清除浮動對頁面的影響.
a.內部標籤：會將這個浮動盒子的父盒子高度重新撐開.
b.外部標籤：會將這個浮動盒子的影響清除，但是不會撐開父盒子.
注意：一般情況下不會使用這一種方式來清除浮動。因爲這種清除浮動的方式會增加頁面的標籤，造成結構的混亂.
方法三:使用僞元素來清除浮動(after意思:後來,以後)
.clearfix:after{
centent:"";//設置內容爲空
height:0;//高度爲0
line-height:0;//行高爲0
display:block;//將文本轉爲塊級元素
visibility:hidden;//將元素隱藏
clear:both//清除浮動
}
.clearfix{
zoom:1;爲了兼容IE
}
10.word-wrap:break-word;//允許換行
White-space：nomal //不換行
Overflow:hidden
text-overflow:ellipsis 三個配合使用 。。。