CSS 字型屬性與文字屬性

2021-10-18 16:28:54 字數 1452 閱讀 8096

二、text系列——文字屬性

記錄了一些學習css(層疊樣式表)過程當中的學習筆記

在css中,常對文字的字型進行如下四種的編輯

字型屬性

表示字型系列

font-family

字型大小

font-size

字型粗細

font-weight

字型樣式

font-style

p

通過font-family可以對字型進行編輯。需要注意的是,在font-family中,若瀏覽器無法顯示第乙個字型,會繼續嘗試下乙個。因此,強烈推薦在最後加上乙個通用字型(serif)作為最後選項,保證瀏覽器中可以顯示。

在使用webstorm除錯時,若不在最後加入serif,會導致字型的更改在瀏覽器中不顯示。

p

font-size可以用來調整字型大小

p

font-weight可以用來調整字型粗細,其後可以加「normal」,「bold」或乙個具體的數字,需要注意的是,normal對應的數字是400。

p

需要特別注意的是:

1.font中,不能更改style height size family的順序

2.font中,size和family兩個屬性不能刪除。若不寫style與height兩個屬性,將使用預設值

在css中,常用對文字進行以下的編輯

文字屬性

表示文字顏色

color

文字對齊

text-align

文字裝飾

text-decoration

文字縮排

text-indent

文字行間距

line-height

在css中,可以通過三種方式對文字顏色進行更改。

1.直接使用顏色名(red,pink,blue)

2.使用十六進製制表示(#ff0000)

3.使用rgb表示rgb(255,0,0)

.p1

.p2.p3

p

可以通過text-decoration,對文字進行下劃線,刪除線等修飾

p

實際上,使用單位"px"並不方便。例如,在需要「空兩格時」我們並不知道「兩格」對應的單位是多少。

因此,「em"是乙個更經常使用的單位。1個em對應1個文字字元的長度。例如,對於「空兩格」,我們需使用"2em」:

p

line-height可以用來改變行間距

p

CSS屬性(字型與文字屬性)

1.字型屬性 1 font family 把要對這個 要設定的字型都寫上,如果這個瀏覽器支援第乙個字型,則會用,如果不支援則會嘗試第二個,如果設定的字型系統都不支援則會使用系統預設的字型作為 的字型 2 字重 2.文字屬性 我這個檔案是用來幹什麼的 小強日期 全域性通用樣式 類選擇器樣式 c1 c2...

CSS字型屬性 文字屬性(4)

css字型屬性定義文字的字型系列 大小 加粗 風格 如斜體 和變形 如小型大寫字母 字型屬性 font family 定義文字的字型系列 用逗號分隔,將值用雙引號引起來 微軟雅黑 黑體 宋體 font size 設定文字的大小 預設大小16px font style 定義文字的字型樣式 值itali...

CSS字型屬性和文字屬性

字型屬性 font size px 字型的大小 font weight 400 700 bold,表示加粗 400 lighter,不加粗 font family 字型 font style 字型為斜體或者正常字型字型的復合語法 選擇器文字屬性 color 文字顏色 text algin under...