CSS之對字型和文字的修飾
阿新 • • 發佈:2019-01-31
一.字型
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>
標籤
以上部分用法舉例:
結果演示: