WEB前端——CSS（字型、文字、背景屬性設定）
阿新 • • 發佈：2020-09-17
一、字型屬性
1、font-weight：文字粗細
| 取值 | 描述 |
|---|---|
| normal | 預設值，標準粗細 |
| bord | 粗體 |
| border | 更粗 |
| lighter | 更細 |
| 100~900 | 設定具體粗細，400等同於normal，而700等同於bold |
| inherit | 繼承父元素字型的粗細值 |
2、font-style：文字風格
normal 正常，預設就是正常的
italic 傾斜
3、font-size：文字大小
ps：一般是12px或13px或14px 注意： 1、通過font-size設定文字大小一定要帶單位，即一定要寫px 2、如果設定成inherit表示繼承父元素的字型大小值。
4、font-family：文字字型
font-family: "Microsoft Yahei", "微軟雅黑", "Arial", sans-serif
常見字型：
serif 襯線字型
sans-serif 非襯線字型
中文：宋體，微軟雅黑，黑體
注意：
1、設定的字型必須是使用者電腦裡已經安裝的字型，瀏覽器會使用它可識別的第一個值。
2、如果取值為中文，需要用單或雙引號擴起來
5、文字屬性簡寫
/*font-weight: bolder;*/ /*font-style: italic;*/ /*font-size: 50px;*/ /*font-family: 'serif','微軟雅黑';*/ 簡寫為 font: bolder italic 50px 'serif','微軟雅黑';
6、color：文字顏色
| 取值 | 格式 | 描述 |
|---|---|---|
英文單詞 |
color：red; |
大多數顏色都有對應的英文單詞描述，但英文單詞終究有其侷限性:無法表示所有顏色 |
| rgb | color：rgb(255,0,0) |
什麼是三原色？ 引數2控制綠色顯示的亮度 引數3控制藍色色顯示的亮度 數字的範圍0-255，0代表不發光，255代表發光，值越大越亮 紅色：rgb(255,0,0) |
| rgba | color：rgba(255,0,0,0.1); |
rgba到css3中才推出，比起rgb多了一個a，a代表透明度 |
| 十六進位制 | color: #FF0000; |
#FFEE00 其中FF代表R，EE代表G，00代表B |
二、