一、字體屬性
1.字體font-family
語法:{font-family:name}
使用字體名稱,按優(yōu)先順序排列,以逗號隔開,如果字體名稱包含空格,則應(yīng)使用引號括起。
P{
font-family:華文彩云,黑體,宋體
}
P{
font-family:?±Times NewRoman?±
}
2.字號font-size
{font-size: 數(shù)值 |xx-small | x-small | small | medium | large | x-large | xx-large |larger | smaller | length }
屬性值含義
xx-small最小,絕對字體尺寸,根據(jù)對象字體進(jìn)行調(diào)整
x-small較小,絕對字體尺寸,根據(jù)對象字體進(jìn)行調(diào)整
small小,絕對字體尺寸,根據(jù)對象字體進(jìn)行調(diào)整
medium正常,默認(rèn)值,絕對字體尺寸,根據(jù)對象字體進(jìn)行調(diào)整
large大,絕對字體尺寸,根據(jù)對象字體進(jìn)行調(diào)整
x-large較大,絕對字體尺寸,根據(jù)對象字體進(jìn)行調(diào)整
xx-large最大,絕對字體尺寸,根據(jù)對象字體進(jìn)行調(diào)整
larger相對字體尺寸,相對于父對象中的字體尺寸進(jìn)行相對增大,使用成比例的em單位計算
smaller相對字體尺寸,相對于父對象中的字體尺寸進(jìn)行相對減小,使用成比例的em單位計算
length百分?jǐn)?shù)或由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值,不可為負(fù)值。其百分比取值基于父對象中字體的尺寸。
3.字體風(fēng)格font-style
{font-style: normal | italic | oblique |inherit}
4.加粗字體font-weight
{font-weight: 100-900 | bold | bolder | lighter| normal }
5.小寫字母轉(zhuǎn)為大寫字母font-variant
{font-variant: normal | small-caps |inherit}
6.字體復(fù)合屬性font
可以一次性地使用多個屬性的屬性值定義文本字體。
{font: font-style font-variant font-weightfont-size font-family}
屬性排列順序如上,各屬性屬性值使用空格隔開。
font-sizefont-family必須按照固定的順序出現(xiàn),而且還必須都出現(xiàn)在font屬性中,如果順序不對,或缺少一個,那么,整條樣式規(guī)則可能會被忽略。
7.字體顏色color
屬性值含義
Color_name規(guī)定顏色值為顏色名稱的顏色
Hex_number規(guī)定顏色值為十六進(jìn)制值的顏色
Rgb_number規(guī)定顏色值為RGB代碼的顏色
inherit規(guī)定應(yīng)該從付原色繼承顏色
Hsl_number規(guī)定顏色值為HSL代碼的顏色
Hsla_number規(guī)定顏色值為HSLA代碼的顏色
Rgba_number規(guī)定顏色值為RGBA代碼的顏色
8.陰影文本text-shadow
{text-shadow: none | none | [,] * 或none | [,]*}
4 個屬性值,最后兩個是可選的,第一個值表示陰影的水平位移,可取正負(fù)值;第二個值表示陰影的垂直位移,可取正負(fù)值;第三個值表示陰影模糊半徑,該值可選;第四個值表示陰影顏色值,該值可選。
屬性值含義
指定顏色
由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值,可為負(fù)值,指定陰影的水平延伸距離
由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值,不可為負(fù)值,指定模糊效果的作用距離。如果僅需要模糊效果,將前兩個length全部設(shè)定為0
二、段落屬性
1.單詞間隔word-spacing
{word-spacing: normal |length}
2.字符間隔letter-spacing
3.文字修飾text-decoration
{text-decoration : none | underline | blink |overline | line-through}
4.垂直對齊vertial-align
屬性值含義
baseline默認(rèn)值,元素放置在父元素的基線上
sub垂直對齊文本的下標(biāo)
super垂直對齊文本的上標(biāo)
top把元素的頂端與行中最高元素的頂端對齊
text-top把元素的頂端與父元素字體的頂端對齊
middle把此元素放置在父元素的中部
bottom把元素的頂端與行中最低元素的頂端對齊
text-bottom把元素的頂端與父元素字體的底端對齊
%使用“l(fā)ine-height”屬性的百分比值來排列此元素,允許使用負(fù)值
水平對齊text-align
只能用于文本塊,不能直接應(yīng)用到圖像標(biāo)記<img>。如果要使圖像同文本一樣應(yīng)用對齊方式,那么就必須將圖像包含在文本塊中。
屬性值含義
start文本向行的開始邊緣對齊
end文本向行的結(jié)束邊緣對齊
left文本向行的左邊緣對齊。在垂直方向的文本中,文本在left-to-right模式下向開始邊緣對齊
right文本向行的右邊緣對齊。在垂直方向的文本中,文本在left-to-right模式下向開始邊緣對齊
center文本在行內(nèi)居中對齊
justify文本根據(jù)text-justify的屬性設(shè)置方法分散對齊。即兩端對齊,均勻分布
match-parent繼承父元素的對齊方式,但有個例外:繼承的start或者end值是根據(jù)父元素的direction值進(jìn)行計算的,因此計算的結(jié)果可能是left或者right
是單個字符,否則,就忽略此設(shè)置。按指定的字符進(jìn)行對齊。此屬性可以跟其他關(guān)鍵字同時使用,如果沒有設(shè)置字符,則默認(rèn)值是end方式
inherit繼承父元素的對齊方式
5.文本縮進(jìn)text-indent
text-indent:length
6.文本行高lint-height
用來設(shè)置行間距,即行高。
line-height: normal |length