css設定文字

2021-10-09 12:37:35 字數 1131 閱讀 9063

設定文字字型 font-family

屬性值有多個時,中間必須用英文逗號隔開

如果字型中間有空格,必須用雙引號將字型引起來,漢字最好也引起來

如果設計者所羅列的字型在使用者的計算機上沒有安裝,則使用瀏覽器的預設字型

設定字型顏色 color

英語單詞指定的顏色,如red,yellow、blue、purple等

十六進製制表示,如#ff00ff(大小寫無所謂)

rgb(0,255,255),取值是0~255 如:color:rgb(0,0,255)

rgba(0,255,255,0.5),取值是0~1(最後一位的取值、透明度)

設定字型大小 font-size

屬性值可以是絕對大小,也可以是相對大小,還可以是百分比

絕對單位:in cm mm pt pc

相對單位:px em ex

設定字型粗細 font-weight

值:100-900 bold bolder lighter normal

設定文字斜體 font-style

值:italic oblique normal

設定字型的下劃線 text-decoration

underline overline line-througe none

同時設定劃線,可以用空格隔開屬性值,如:text-decoration:underline overline;

設定英文本母大小寫 text-transform

capitalize(首字母大寫) uppercase(全部大寫) lowercase(全部小寫) none

設定首行縮排 text-indent

text-indent:2em; 首行縮排兩個字元

設定字元間距 letter-spacing

調整中文字元或英文本母之間的間距

設定英文單詞之間的間距 word-spacing

設定行間距(行高) line-height

兩行文字之間基線的位置,下劃線就是基線

行高小於高度,內容往上走;行高大於高度,內容往下走

設定垂直對齊 vertical-align

top middle bottom

主要應用在與文字對齊和**中

設定首字放大效果

p span

css 文字設定

文字修飾 text decoration underline下劃線 none沒有修飾,over line上劃線 line through中劃線 vertical align 豎直對齊方式 text align center 水平居中 vertical align 豎直對齊方式 text align ...

css 文字設定

常用的應用文字的css樣式 1 color 設定文字和顏色,如 color red 2 font size 設定文字的大小,如 font size 20px 3 font family 設定文字的字型,如 font family 微軟雅黑 4 font style 設定字型是否傾斜,如 font s...

CSS文字溢位設定

1.text overflow clip 不顯示省略號 而是簡單的裁切 2.text overflow ellipsis 單行文字溢位時顯示省略號 1.white space normal 預設值 2.white space nowrap 文字不會換行,文字會在同一行上繼續,直到遇到br標籤為止 3...