CSS樣式(二) 字型

2021-09-24 14:23:20 字數 1509 閱讀 6146

1.單位

單位描述

px畫素

em1em——1個字元;2em——2個字元

自動適應使用者所使用的的字型

%百分比,相對於從父類繼承的字型大小而言

用百分比乘以預設繼承字型大小即為當前字型大小

2.顏色

顏色描述

red、blue、green

可以從w3c找到所有顏色名

rgb(x,x,x)

rgb值,每個顏色分量取值0-255

紅色:rgb(255,0,0);灰色(66,66,66)

rgb(x%,x%,x%)

rgb百分值,0%-100%

紅色:rgb(100%,0%,0%)

rgba(x,x,x,a)

rgb值,透明度

a值:0.0(完全透明);1.0(完全不透明)

紅色半透明:rgba(255,0,0,0.5)

#rrggbb

十六進製制數,每兩位表示乙個顏色的分量

紅色:#ff0000;紅色:#f00(去掉重複位)

3.文字

屬性描述取值

color

文字顏色

red    #f00    rgb(255,0,0)

letter-spacing

字元間距

2px     -3px

line-height

行高14px   1.5em  120%

text-aling

水平對齊

center  left  right  justify(兩端對齊)

text-decoration

裝飾線none  overline  underline line-through(刪除線)

text-indent

首行縮排

2em

可以利用行高line-height設定垂直居中,將height和line-height設定為相同大小即可,如下**文字「假如給我三天光明」將垂直居中

假如給我三天光明

4.字型

font屬性簡化使用:

font:斜體  粗體  字型大小/行高  字型;

如:font:italic bold 16px/1.5em '宋體';

屬性描述

取值font

在乙個宣告中設定所有的字型屬性

font:bold 18px '幼圓'

font-family

字型系列

font-family:"hiragino sans gb","microssoft yahei",sans-serif(優先使用第乙個字型;字型名字中有空格時,需要加上雙引號)

font-size

字型大小14px      120%

font-style

斜體italic

font-weight

粗體bold

CSS3 字型樣式

lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...

css3字型樣式

一 font family的使用 font family屬性可以設定html文字的字型樣式,eg.注意 當字型名稱中包括空格 之類的符號,則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的...

css入門3 字型樣式

1字型樣式簡介 字型樣式屬性 屬性說明 font family 字型型別 font size 字型大小 font style 字型風格 color 字型顏色 除了字型顏色,其它字型屬性都是以font字首開頭的,其中font是字型的意思 1.1字型型別 font family 在css中,可以使用fo...