常見的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;覆蓋
CSS常見的樣式屬性
css常見的樣式屬性 1 前景色 color color red 2 背景色 background color gray background image url 路徑 3 文字與文體 font family arial,verdana,sans serif 如果使用者的計算機中沒有安裝arial,...
常見CSS樣式詳解
背景基本屬性 background 顏色 url 位址 是否 重複 平鋪 的水平位置 的垂直位置 如果不需要顏色，就可以不加 注 背景設定後，一般需要設定background size 在我們開發中，有時要開發一種半透明的效果，這時我們可能會用到opacity，但是，這樣會有乙個問題，就是當乙個父元...
常見CSS樣式寫法
1 寬高 1 如按鈕盒子的高度和寬度設定為 width 0.3rem height 0.3rem 2 如果是簡單的div和以及p的組合，則最外層div的padding可設定為0.2 0 可設定為 1.8 1.8 半徑12 設定背景色。padding 0 0 0 0.2 p的話，一般設定margin ...