1. 程式人生 > >5、CSS文字及文字屬性

5、CSS文字及文字屬性

CSS文字及文字屬性

文字顏色

    color  文字顏色
    關鍵字
        英文單詞  red green
    16進位制(0-9 a-f)
        #5544aa  #54a #abd456
        #dddddd  #ddd
    rgb(0-255,0-255,0-255)
        r red
        g green
        b blue
    rgba(0-255,0-255,0-255,0-1)
        r red
        g green
        b blue
        a alpha(透明度)
            0 完全透明
            1 完全不透明

字型型別

     font-style  字型型別
     normal 預設 文字正常
     italic  文字斜體(屬性)
     oblique  文字斜體

    font-weight 字型粗細
    關鍵字
        normal 預設字型
        lighter 較細
        bold 加粗   這個要知道
        bolder 很粗
    給值
        只能100-900的整百數
        400相當於正常的
        700相當於bold

字型大小

   font-size   字型大小
       單位 px rem % em
       px   谷歌瀏覽器預設字型大小16px,最小是12px
       rem  相對於html(根標籤)的字型大小
       em   等於父級的字型尺寸——相對於父級字型大小而言的
       %    相對於父容器中字型的%調整  這個要知道

文字屬性

      white-space:  換行方式
      normal 正常換行
      nowrap 不換行

        text-indent 首行縮排(em)
        line-height 行高  *****
        letter-spacing 字距
        word-spacing 詞距

       text-align 文字水平對齊方式
       left 預設值 向左對其 
       right
       center   *****

       text-transform 文字大小寫
       none 預設值 無轉換髮生
       uppercase  轉換成大寫
       lowercase  轉換成小寫
       capitalize 將英文單詞的首字母大寫 

    text-decoration 下劃線 刪除線 上劃線
      ***** none  預設值,可以用這個屬性去掉已經有下劃線或者刪除線或者上劃線的樣式
       underline  下劃線,一般用於文章的重點表明
       overline   上劃線
       line-through  刪除線