css外觀屬性 字元 背景
阿新 • • 發佈:2018-12-17
font 字元
font-family 設定文字的字體系列
可取值:字型類:Serif Sans-serif Monospce Cursive Fantasy
或:字型名:Times Arial Courier ZapfChancery Western
font-size 字型大小
單位 絕對:pt(point) pc(pick皮卡) in(inch) mm(million meter) cm(center meter)
單位 相對:em(equal m) ex(equal x) px(pixel)
相對 名稱:small medium large
相對 值:500%
(絕對大小:
- 設定一個指定大小的文字
- 不允許使用者在所有瀏覽器中改變文字大小
- 確定了輸出的物理尺寸時絕對大小很有用
相對大小:
- 相對於周圍的元素來設定大小
- 允許使用者在瀏覽器中改變文字大小
如果你不指定一個字型的大小,預設大小和普通文字段落一樣,是16畫素(16px=1em)。)
font-style 字型樣式
可取值:Normal Italic Oblique (
- 正常 - 正常顯示文字
- 斜體 - 以斜體字顯示的文字
- 傾斜的文字 - 文字向一邊傾斜
)
font-weight 指定字型粗細 可取值:
範圍:100 200 …… 900 定義由粗到細的字元。400 等同於 normal,而 700 等同於 bold。 |
值 | 描述 |
---|---|
normal | 預設值。定義標準的字元。 |
bold | 定義粗體字元。 |
bolder | 定義更粗的字元。 |
lighter | 定義更細的字元。 |
color
名稱:red green blue gray orange
十六進位制:#00ff00
十進位制:rgb(255,255,0)
百分比:rgb(100%,50%,10%)
text-transform 可取值:
capitalize uppercase lowercase none
text-decoration 屬性規定新增到文字的修飾
值 | 描述 |
---|---|
none | 預設。定義標準的文字。 |
underline | 定義文字下的一條線。 |
overline | 定義文字上的一條線。 |
line-through | 定義穿過文字下的一條線。 |
blink | 定義閃爍的文字。 |
inherit | 規定應該從父元素繼承 text-decoration 屬性的值。 |
text-align 元素文字的水平對齊方式。
值 | 描述 |
---|---|
left | 把文字排列到左邊。預設值:由瀏覽器決定。 |
right | 把文字排列到右邊。 |
center | 把文字排列到中間。 |
justify | 實現兩端對齊文字效果。 |
inherit | 規定應該從父元素繼承 text-align 屬性的值。 |
text-indent 縮排
值 | 描述 |
---|---|
length | 定義固定的縮排。預設值:0。 |
% | 定義基於父元素寬度的百分比的縮排。 |
inherit | 規定應該從父元素繼承 text-indent 屬性的值。 |
letter-spacing 設定字元間距
屬性增加或減少字元間的空白(字元間距)
letter-spacing字母間距
line-height
normal |
預設。設定合理的行間距。 |
number | 設定數字,此數字會與當前的字型尺寸相乘來設定行間距。 |
length | 設定固定的行間距。 |
% | 基於當前字型尺寸的百分比行間距。 |
inherit | 規定應該從父元素繼承 line-height 屬性的值。 |