1. 程式人生 > >CSS外觀屬性

CSS外觀屬性

縮進 html center 瀏覽器 描述 對齊方式 table ble 居中對齊

CSS外觀屬性

color:文本顏色

color屬性用於定義文本的顏色,其取值方式有三種:

1.預定義的顏色值,如red、green、blue等;
2.十六進制:如#FF0000,#FF6600,#29D794等。實際工作中,十六進制是最常用的定義顏色的方式。
3.RGB代碼,如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。
註:如果使用RGB代碼的百分比顏色值,取值為0時也不能省略百分號,必須寫為0%。

line-height:行間距

line-height屬性用於設置行間距,就是行與行之間的距離,即字符的垂直間距,一般稱為行高。line-height常用的屬性值單位有三種,

px:像素

em:相對值

%:百分比

實際工作中使用最多的是像素px。一般情況下,行距比字號大7.8像素左右就可以了。

text-align:水平對齊方式

text-align屬性用於設置文本內容的水平對齊,相當於html中align對齊屬性,可用屬性值:
left:左對齊(默認值)
right:右對齊
center:居中對齊

text-indent:首行縮進

text-indent屬性用於設置首行文本的縮進,其屬性值可為不同單位的數值

em:字符寬度的倍數
%: 相對於瀏覽器窗口寬度的百分比(允許為負值)

建議使用em作為設置單位,1em就是一個字的寬度,如果是漢字的段落,1em就是一個漢字的寬度。

text-decoration文本的裝飾

text-decoration通常是用於給鏈接修改裝飾效果

描述
none 默認,定義標準的文本。
underline 定義文本下的一條線。下劃線也是我們鏈接自帶的。
overline 定義文本上的一條線。
line-through 定義穿過文本下的一條線。

CSS外觀屬性