css權威指南 讀書筆記

網上看見推薦的書老是喜歡買回家，可是大多數時候都不會當即就看，都是在書櫥裏蒙上了一層灰塵。從畢業到如今，因爲公司業務緣由，寫js多餘css，因此就想系統地看看css，而且作一些練習，因而就開始看《css權威指南》，看到了第六章，初步感受，對於工做一年的我來講，很簡單，固然也有一些我不熟悉的知識點，因而整理了下來。

1、@import

     一、放在style容器中，且在其餘css規則以前

     二、每一個人@import指令的樣式都會加載使用

2、選擇器

     一、:first-letter 用於選取指定選擇器的首字母

 

     二、選擇器的優先級

          （1）用id選擇器設樣式：0,1,0,0

        （2）用類選擇器、屬性選擇器、僞類：0,0,1,0

        （3）用元素選擇器、僞元素：0,0,0,1

        （4）通配符選擇器、鏈接符：0,0,0,0

     三、僞類VS僞元素

          做用相同，僞元素包括 :before、:after、:first-letter、:first-line

          僞類包括 :link、:visited、:hover、:focus、:active、:first-child、:lang

3、值和單位

    一、web安全色

         指在256色計算機上總能避免抖動的顏色

         用rgb表示的話，百分比要能被20%整除，整數要能唄51整除

         十六進制法表示，使用值 00、3三、6六、9九、CC和FF的三元組

     二、字體使用引號

         通常狀況下是不用使用引號的，當字體中

                (1)存在空格，如New York

                (2)存在%、$之類的符號

         的時候，須要用引號來加以區分

4、字體

    font中的屬性，前三個包括font-style、font-weight、font-variant，順序隨意，並且值爲normal時能夠忽略不寫；後兩個值爲font-size和font-family，順序不能顛倒，且爲必須項。line-height也能夠寫在這個屬性中，在font-size後面加 /line-height 便可

5、文本屬性

    一、縮進 text-indent

        最經常使用的首行縮進

    二、行高line-hright

         line-hright比較好的用法是給一個數字，這樣縮放因子將是一個繼承值，根據本身的font-size計算line-height

    三、vertiral-align 

         用於於行內元素和表單元素

    四、文本轉換 text-transform

         參數：uppercase、lowercase、capiticalize（首字母大寫）、none、inherit