WEB前端——CSS（字體、文本、背景屬性設定）-有解無憂

一、字體屬性

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)	什么是三原色？ red，green，blue 什么是像素px？對于光學顯示幕，一整個螢屏是有一個個點組成，每一個點稱為一個像素點，每個像素點都是由一個三元色的發光元件組成，該元件可以發出三種顏色，red，green，blue，發光元件協調三種顏色發光的明亮度可以調節出其他顏色格式：rgb(255,0,0); 引數1控制紅色顯示的亮度引數2控制綠色顯示的亮度引數3控制藍色色顯示的亮度數字的范圍0-255，0代表不發光，255代表發光，值越大越亮紅色：rgb(255,0,0) 綠色：rgb(0,255,0) 藍色：rgb(0,0,255) 黑色：rgb(0,0,0) # 所有都不亮白色：rgb(255,255,255) # 所有都最亮灰色：只要讓紅色/綠色/藍色的值都一樣就是灰色，而且三個值越小，越偏黑色，越大越偏白色
rgba	color：rgba(255,0,0,0.1);	rgba到css3中才推出，比起rgb多了一個a，a代表透明度 a取值0-1，取值越小，越透明
十六進制	color: #FF0000;	#FFEE00 其中FF代表R，EE代表G，00代表B 只要十六進制的顏色每兩位都是一樣的，那么就可以簡寫為一個，例如#F00 等同于#FF0000

二、

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/66552.html

標籤：Html/Css

上一篇：vue如何一打開子組件彈窗都重繪？

下一篇：? Moment.js 宣布停止開發，現在該用什么？