css中的字型 文字基礎屬性

2021-10-01 19:54:35 字數 1427 閱讀 6052

1) 設定字型大小

font-size

:20px;

2)設定字型粗細程度
font-weight

:normal;

取值 :

1. normal(預設值)等價於400

2. bold (加粗) 等價於700

3)設定斜體
font-style

:italic;

4) 設定字型名稱
font-family

:arial,"黑體"

;

取值 :

1. 可以指定多個字型名稱作為備選字型,使用逗號隔開

2. 如果字型名稱為中文,或者名稱**現了空格,必須使用引號

例 :

font-family:arial;

font-family:"黑體","microsoft yahei",arial;

5)字型屬性簡寫
font

: style weight size family;

注意 :

1. 如果四個屬性值都必須設定,嚴格按照順序書寫

2. size family 是必填項

1)文字顏色

color

:red;

2) 文字裝飾線
text-decoration

:none;

取值 :

underline 下劃線

overline 上劃線

line-through 刪除線

none 取消裝飾線

3)文字內容的水平對齊方式

text-align

:center;

取值 :

left(預設值)	左對齊

center 居中對齊

right 右對齊

justify 兩端對齊

4)行高
line-height

:30px;

使用 :

文字在當前行中永遠垂直居中,可以借助行高調整文字在元素中的垂直顯示位置

line-height = height 設定一行文字在元素中垂直居中

line-height > height 文字下移顯示

line-height < height 文字靠上顯示

特殊 :

line-height可以採用無單位的數值,代表當前字型大小的倍數,以此計算行高

5) font屬性簡寫2

font

: size/line-height family;

CSS中的字型屬性和文字屬性

font 簡寫,作用是把所有的針對字型的屬性設定在乙個宣告中 font family 設定字型系列 font size 設定字型尺寸 font style 設定字型風格,italic或者normal font variant 以小型大寫字型或者正常字型顯示文字 font weight 設定字型的粗細...

CSS中的字型屬性和文字屬性

font 簡寫,作用是把所有的針對字型的屬性設定在乙個宣告中 font family 設定字型系列 font size 設定字型尺寸 font style 設定字型風格,italic或者normal font variant 以小型大寫字型或者正常字型顯示文字 font weight 設定字型的粗細...

CSS字型 文字樣式屬性

1 字型屬性 1.2 字型大小屬性 1.3 字型粗細屬性 1.4 字型樣式屬性 1.5 字型復合屬性 2 文字外觀屬性 css fonts 字型 屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 css使用 font family屬性來定義字型 pcss使用 font size屬性來定義字型 語...