Web前端 CSS文字屬性

2021-09-26 09:29:24 字數 1373 閱讀 8064

2. 文字樣式

1)設定字型大小

font-size

:20px;

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

:normal;

取值 :

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

2. bold (加粗) 等價於700

3)設定斜體
font-style

:italic;

4)設定字型名稱
font-family

:arial,"黑體","宋體"

;

取值 :

可以指定多個字型名稱作為備選字型,使用逗號隔開,優先使用前面的字型

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

例 :

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 右對齊

4)行高
line-height

:30px;

使用 :

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

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

line-height > height 文字下移顯示

line-height < height 文字靠上顯示

特殊 :

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

web前端學習筆記 文字屬性

今天的web前端筆記主要講述文字屬性,希望能幫助到正在學習web前端開發的初學者們,廢話不多說了,一起來看看文字屬性的相關內容吧。文字屬性 文字縮排 將web頁面上的乙個段落第一行縮排,這是一種最常用的文字格式化效果。有的 在段落的第乙個字母前放乙個很小的透明影象,這些影象將文字推到後面來製造一種縮...

web初步 css字型文字屬性

font size 12px 設定字型大小可以使用相對長度單位,也可以使用絕對長度單位。通常使用em 相對當前物件內文字字型尺寸 px 畫素 font family x 定義字型型別可以同時指定多個字型,中間以逗號隔開,表示如果瀏覽器不支援第乙個字型,則會嘗試下乙個,直到找到合適的字型,如果都沒有,...

CSS文字屬性

一 可以被繼承的屬性 font size font family font weight font style line height color text align text indent 二 文字大小 屬性值為數值型,必須給屬性值加單位,屬性值為0時除外。單位可以是pt px em 9pt 1...