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...