經驗：

1.行內元素不能設定寬，高，margin-top，margin-bottom屬性，給行內元素設定行高，行高會給其父元素，而當把他設定為塊元素時，行高才會給它，所有行內元素行高無效。

2.設定圖示字型大小時，如果通過給其父元素a設定，圖示字型的原有css樣式會覆蓋繼承的a的字型大小，所以無效。

3.選擇器的權重，參考CSS選擇器優先順序的計算方式。

4.mid-width保證寬度最小值，佈局穩定性。

5.traption: height 0.3s，過渡效果。

6.相鄰塊元素相鄰邊的陰影會被層級高的遮擋。

7.border-color，transparent（屬性）。

8.text-indent：首行縮排 我們可以把設定一個特別大的負值，然後隱藏文字（文字是給搜尋引擎看的，並不想使用者看到）。

9.: focus 當元素獲取焦點的偽元素

10.ctrl + f ,本檔案中搜索程式碼。

11.

小米商城首頁右側固定佈局的工具欄，使用固定定位（position:fixed;），由於固定定位按視窗佈局，所以使用以下程式碼實現此功能。

.right-toolbar {
    width: 26px;
    height: 206px;
    background-color: pink;
    position: fixed;
    bottom: 60px;
    right: 50%;
    margin-right: -639px;

    /* left + margin-left + width + margin-right + right = 視口的寬度

    auto + 0 + 26 + 0 + 60 = 視口寬度

    auto + 0 + 26 + -639px + 50% = 視口寬度 */
}

12.（圖示字型的使用再重新總結一次，參考HTML5和CSS3基礎教程那本書以及iconfont官方文件中的使用教程）。

13.開啟BFC解決外邊距重疊（overflow: hidden;）。

14.搜尋框增加打字時候與邊框的距離，給搜尋框增加padding-left和padding-right

15.設定標題圖示：

網站圖片一般都儲存在網站的根目錄下， 名字一般都叫做favicon.ico。

<link rel="icon" href="favicon.ico"/>

16.為了提升使用者體驗，css程式碼是要壓縮的。

疑問（希望看完《CSS世界》後可以得到解答）：

1.對圖片使用vertical-align:top;有什麼效果，為什麼。

2.

為什麼width:0;height:0;（不使用此行程式碼小三角將變大）。

3.有關行高的問題。

學識淺薄，如有錯誤，懇請斧正，在下不勝感激。