CSS核心屬性 文字屬性

2021-10-05 14:51:52 字數 1533 閱讀 7784

1.文字類屬性

css語法

css語法由兩部分組成:選擇符、宣告

語法:選擇符

font-family:字型型別

語法:說明:

瀏覽器首先會尋找字型1.如果存在就是用改字型來顯示內容,如在字型1不存在的情況下,則會尋找字型2,如字型2也不存在,按字型3顯示內容,如字型3也不存在,則會按系統預設字型顯示。

當字型是中文時需加雙引號:

當英文本型中有空格時,需加雙引號

當英文本型只有乙個單詞組成不用加雙引號

font-size:文字大小

語法:說明:

屬性值為數值時;必須給屬性值加單位,屬性值為0時除外。

為了減小系統間的字型顯示差異,16px為標準字型大小預設值即1em

預設情況下:1em=16px;0.75em=12px

color:文字顏色

語法:說明:

十六進製制顏色模式:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f

color:#ff000

rgb顏色模式:color:rgb(0,204,204)

rgba顏色模式:color:grba(0,204,204,0,0.6)rgb三原色,a表示透明度

font-weight:字型加粗

語法:說明:

bolder(更粗的)/bod(加粗)/normal(常規)

在css規範中,把字型的粗細分為9個等級,分別為100-900,其中100對應最輕的字型變形,而900對應最重的字型變形,一般500常規字型,600-900加粗字型

font-style:字型傾斜

語法:說明:

italic和oblique都表示傾斜,不過oblique的幅度更大一點,但一般瀏覽器對他們的區分不是很明顯。

text-align:水平對齊

語法:說明:

justify對內容以兩端邊界線對齊顯示

line-height:行高

語法:說明:

當單行文字的行高等於容器高時,可實現單行文字在容器中垂直方向居中對齊

當單行文字的行高小於容器高時,可實現單行文字在容器中垂直中齊以上任意位置的定位

當單行文字的行高大於容器高時,可實現單行文字在容器中垂直中齊以下任意位置的定位

(ie6及以下版本存在瀏覽器相容問題)

text-decoration:文字修飾

語法:說明:

none:沒有修飾

underline:下劃線

overline:上劃線

line-through:刪除線

text-indent:首行縮排

語法:說明:

text-indent可以取負值,可實現隱藏文字,懸掛縮排

text-indent屬性只對第一行起作用,若第一行不是文字則沒變化

例:指尖星火,請君共賞;整個宇宙,邀你共舞

fingertip spark, please enjoy; the universe invites you to dance

不要有趣,要有用

CSS文字屬性

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

CSS 文字屬性

1 縮排文字 text indent 3em 段落首行縮排給定長度 只應用於塊級元素,無法將這個屬性應用與行內元素。影象之類的替換元素上也無法應用text indent屬性。可以繼承 如果要設定成負值,為了防止超出邊界,建議的寫法如下 p2 水平對齊 text align left center r...

css 文字屬性

字型顏色color 字元間距letter spacing 文字背景色background color 行間距line height 90 10px,0.3 對齊文字text align 文字修飾text decoration 取值 overline line through underline bl...