常見的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;覆寫
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/115110.html
標籤：Html/Css
上一篇：css權重等級