5.CSS僞類標籤和文本標籤屬性

僞類標籤

選擇符:link {color:purple}  //未訪問狀態
選擇符:visited{color:red}	//訪問過後的狀態
選擇符:hover{color:skyblue} //鼠標經過的樣式
選擇符:active{color:yellow} //鼠標按下的狀態

注：選擇符的訪問狀態不能更改

最常用的狀態:
	a:hover{
		//當鼠標在a標籤上面的狀態
	}
注:僞類狀態不一定必須是a標籤,也可以是其他的標籤
  

選擇符的權重

較 標籤選擇符、id選擇符、class選擇符 權重
        id選擇符 > class選擇符 > 標籤選擇符
 
 權重總結：
        內聯樣式表 ：1000
        id權重    :  100
        class權重 ： 10
        標籤權重  :  1
        包含選擇符 ：權重是父子元素選擇符權重的和
        羣組選擇符 ：本身的權重沒有發生變化
        通配符     ： 0
        僞類選擇符 ： 10

    注：權重相同的時候，按照後寫的執行。
    
     關鍵字：
        !important
        語法：
            選擇符{ 屬性值:屬性值!important; }
        讓當前css屬性具有最高權重!!
        
    注：
        只要產生權重關係，必然會體現css的層疊性！
        權重高優先執行
        權重相同時，後寫的樣式優先執行
        覆蓋的只是相同的css屬性，不同的屬性會繼續執行。

    權重關係比較：
        開發者樣式 >  讀者樣式 > 瀏覽器樣式
        !important > 內聯樣式 > id  > class >  標籤

文本屬性

1 ： 文本大小  font-size:;
        a: 爲了消除系統或設備之間的字體顯示差異，規定16px爲標準字體大小。
        b：文本大小的設置在PC端，設置成偶數
        c: 文本大小的設置在PC端,最小盡量別低於12px
        d：在設計圖上獲取文本大小，漢字 文本的高度
        e: 文字的單位：
                px   
                pt（磅）     9pt == 12px
                em （相對大小單位，相對於父元素的font-size值） 默認： 1em == 16px
        f: 拓展：法定屬性值
            xx-small =9px
            x-small =11px
            small =13px
            medium =16px
            large =19px
            x-large =23px
            xx-large =27px
            
            
 2:  文本顏色   color:;

        十六進制數字表示顏色值：
            0123456789abcdef  ->  16進制數字
            表示顏色值：#16進制的數字 （ 6位或者3位 ）
            #733a0f   
                分析：
                    73 代表紅色   
                    3a 代表綠色  
                    0f 藍色
        
        rgb顏色模式
            color:rgb(33,24,17);

        rgba模式：  a代表顏色透明
            color:rgba(255,0,0,0.5)
            
  3:  文本類型   font-family:;
        大部分瀏覽器默認的字體 : 微軟雅黑

        注：
            a: 如果字體是中文字體，字體名稱要放在引號裏面
            b：如果字體名稱是多個英文單詞的時候，也要放在引號裏面
            c: 我們把系統或者設備能識別的字體稱之爲：WEB安全字體
            d: 如果設置多個字體的情況下。 字體和字體之間用逗號隔開。
            e：如果中英文都存在的情況下，先寫英文字體再寫中文字體
            f: Arial英文默認的字體。
            
  
   4:  文本的加粗  font-weight:;
        屬性值：
            normal  常規文本
            bold    加粗
            bolder  加粗
            100 - 900  分爲9個等級
   
   
   5.文本的傾斜   font-style:;
        屬性值;
            normal   常規文本
            italic   傾斜
            oblique  傾斜
            
   
    6： 行高的處理   line-height:;
        a：在設計圖裏面獲取行高（從第一行的開始量到第二行的開始）
        b: 行高在瀏覽器的解析：line-height:40px;讓文本在40px的高度裏面上下居中
        c: 單行文本在容器裏面上下居中，只需把line-height 設置成容器高度。
        d: 單行文本撐開容器高度的時候，上下誤差清除 line-height 設置爲文本大小。


7:  文本的水平對齊方式   text-align:;
        屬性值：
            left
            right
            center
            justify  ( 兩端對齊 )


 8: 文本修飾屬性（下劃線）  text-decoration:;
        屬性值：
            none  去掉下劃線
            underline  添加下劃線
            overline  添加上劃線
            line-through  添加刪除線
            blink  (瀏覽器不識別，閃爍)

9: 首行縮進  text-indent:;
        text-indent:2em;
        text-indent屬性值可以是負數（懸掛式縮進）
        
        
 10：字間距 && 詞間距    letter-spacing &&  word-sapcing  
 
 
  11：控制文本大小寫：   text-transform:;
        屬性值：
            capitalize   每個單詞的首字母大寫
            uppercase    大寫
            lowercase   小寫