1. 程式人生 > >CSS之對字型和文字的修飾

CSS之對字型和文字的修飾

一.字型
1.設定文字字型:font-family 該屬性值一般選取微軟雅黑
2.設定字型大小:font-size 該屬性值一般為某某px,px是畫素
3.設定字型顏色:color確定該屬性的值一般有三種方法:
1)#後加ps拾色器中顏色對應的十六進位制數值,當六位值重複一樣時,可以按每兩位一簡化的方法將數值簡化為三位,eg:cccccc可以被簡化為ccc
2)冒號後直接加blue、red、green等表示顏色的單詞,但是此時的顏色是正色,如純紅色、純綠色等
3)冒號後跟rgba(a,b,c,d),此方法是基於RGB三原色,a表示透明度,取值為[0,1]。但此方法設定的顏色可能在部分如IE瀏覽器上無法顯示效果
4.設定字型背景色:background-color

,確定該屬性值得方法同上

二.文字
1.設定文字對齊:text-align該屬性值一般為:
左對齊(left)、右對齊(right)、上對齊(up)、下對齊(down)、居中(center)
2.設定文字縮排:text-indent通常情況下,新起一行是縮排兩個單位,應此該屬性的值一般為2em。em的值通常與字型大小相等,故2em就是空出相等字型前提下兩個字大小的空位
3.設定行高:line-height該屬性值的單位一般取px或%度量(%意思是設定行高為字型大小的百分之多少)
注:用該屬性可以實現對一段文字垂直居中的操作

4.設定字間距:letter-spacing該屬性值的單位一般取em或px
5.文字裝飾:text-decoration

該屬性的值一般為:
underline下劃線,類似於HTML中的<ins>標籤
overline上劃線
line-through中劃線,類似於HTML中的<del>標籤

以上部分用法舉例:
這裡寫圖片描述

結果演示:
這裡寫圖片描述