1. 程式人生 > >css外觀屬性 字元 背景

css外觀屬性 字元 背景

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%

(絕對大小:

  • 設定一個指定大小的文字
  • 不允許使用者在所有瀏覽器中改變文字大小
  • 確定了輸出的物理尺寸時絕對大小很有用

相對大小:

  • 相對於周圍的元素來設定大小
  • 允許使用者在瀏覽器中改變文字大小

Remark 如果你不指定一個字型的大小,預設大小和普通文字段落一樣,是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 屬性的值。

背景