常見的css樣式 color 文字顏色 background-color 背景顏色 opacity 設置透明度 顏色： 光的三原色： 紅 綠 藍 三種顏色表示法： 名詞表示法： red green blue 16進位顏色表示法： #000000 十六進位 0 f # ff（紅色） 00（綠色） 00 ...
常見的css樣式
color 文字顏色
background-color 背景顏色
opacity 設置透明度
顏色： 光的三原色： 紅 綠 藍
三種顏色表示法：
名詞表示法： red green blue
16進位顏色表示法： #000000 十六進位 0 --- f
# ff（紅色） 00（綠色） 00（藍色）
十進位顏色表示法：
rgb(255紅,255綠,255藍) 取值範圍 0 --- 255
rgba(255紅,255綠,255藍,0.5透明度) 取值範圍 0 --- 255
a 表示透明度 取值範圍 0-1之間 0代表完全透明 1代表不透明
opacity 與 rgba() 設置透明度的區別：
opacity：表示所有內容都更改透明度
rgba()：表示只有背景顏色透明
尺寸：
width：寬 常見的計量單位： px(像素) %(百分比) em(字體單位)
height：高
min-width 最小寬度
max-width 最大寬度
字體：
font-size: 設置字體大小 瀏覽器預設的普通文字大小為16px 最低設置文字大小為8px 一般預設最低為12px 最大不限
font-style: 設置字體樣式 normal表示普通體文字 italic表示斜體文字
font-weight: 設置字體粗細 normal表示普通體文字 bold表示粗體
font-family: "楷體"; 設置字體名稱 設置的字體必須是電腦上已經安裝過的字體
文本、段落
text-align: 設置文本的水平對齊方式 預設 left 左對齊 可以設置成 center 居中對齊 right 右對齊
text-indent:設置文本的首行縮進 一般中文段落都會設置成2em 代表首行縮進兩個字元
line-height:設置行高，如果行高比文字的高度要多，那麼剩餘空間會在文字上下兩端平均分配
如果設置單行文本在該標簽內垂直居中，則直接可以設置行高等於標簽的高度
text-decoration 設置文本修飾
none 表示沒有任何修飾 通常用於去掉超鏈接的下劃線
underline 設置文本下劃線
line-through 設置貫穿線 也叫刪除線
overline 設置文本上劃線
vertical-align 設置元素的垂直對齊方式
top 表示設置頂線對齊
baseline 表示設置基線對齊
middle 表示設置中線對齊
bottom 表示設置底線對齊
背景：
background-color 背景顏色
background-image 背景圖片
url("") 來引入一張背景圖 預設背景圖是以平鋪的方式顯示
background-repeat 設置背景圖片的平鋪方式
repeat 平鋪
no-repeat 不平鋪
repeat-x 水平平鋪
repeat-y 垂直平鋪
round 環繞
background-size 設置背景圖片的尺寸
background-position 設置背景定位
left top right bottom center
設置以下兩個樣式 可以將一張背景圖完全覆蓋整個標簽
background-repeat: round;環繞
background-size: cover;覆蓋
