5、CSS文字及文字屬性
阿新 • • 發佈:2018-12-14
CSS文字及文字屬性
文字顏色
color 文字顏色
關鍵字
英文單詞 red green
16進位制(0-9 a-f)
#5544aa #54a #abd456
#dddddd #ddd
rgb(0-255,0-255,0-255)
r red
g green
b blue
rgba(0-255,0-255,0-255,0-1)
r red
g green
b blue
a alpha(透明度)
0 完全透明
1 完全不透明
字型型別
font-style 字型型別
normal 預設 文字正常
italic 文字斜體(屬性)
oblique 文字斜體
font-weight 字型粗細
關鍵字
normal 預設字型
lighter 較細
bold 加粗 這個要知道
bolder 很粗
給值
只能100-900的整百數
400相當於正常的
700相當於bold
字型大小
font-size 字型大小
單位 px rem % em
px 谷歌瀏覽器預設字型大小16px,最小是12px
rem 相對於html(根標籤)的字型大小
em 等於父級的字型尺寸——相對於父級字型大小而言的
% 相對於父容器中字型的%調整 這個要知道
文字屬性
white-space: 換行方式
normal 正常換行
nowrap 不換行
text-indent 首行縮排(em)
line-height 行高 *****
letter-spacing 字距
word-spacing 詞距
text-align 文字水平對齊方式
left 預設值 向左對其
right
center *****
text-transform 文字大小寫
none 預設值 無轉換髮生
uppercase 轉換成大寫
lowercase 轉換成小寫
capitalize 將英文單詞的首字母大寫
text-decoration 下劃線 刪除線 上劃線
***** none 預設值,可以用這個屬性去掉已經有下劃線或者刪除線或者上劃線的樣式
underline 下劃線,一般用於文章的重點表明
overline 上劃線
line-through 刪除線