背景三種方式
rgba(255,0,0,0.3)
線性漸變-webkit-linear-gradient(left, red, green);
多段漸變linear-gradient(135deg, red 0, green 10%, yellow 50%, blue 100%);
漸變畫網格在這裡插入**片
background
:linear-gradient
(135deg, transparent 0, transparent 49.5%, green 49.5%, green 50.5%, transparent 50.5%, transparent 100%),
linear-gradient
(45deg, transparent 0, transparent 49.5%, red 49.5%, red 50.5%, transparent 50.5%, transparent 100%)
;background-size
: 100px 100px;
1. background-size設定背景大小，瀏覽器會進行平鋪
2. background可以用多個背景進行疊加
height:
900px;
background: red url(.
/test.png)
; background-repeat: no-repeat;
background-position: center top;
/*background-position: 20px 30px;*/
background-size:
100px 50px;
1. background可以一起指定顏色和
2. repeat: no-repeat repeat-x repeat-y repeat
3. pisition: 先左右 後上下，可以為正負
4. size：調整的是圖的大小
CSS非布局樣式背景 邊框
hsla 60,100 50 四個引數 顏色 0 360 飽和度 亮度 透明度 hsl 可以不設透明度 漸變色背景 background webkit linear gradient left,red,green background linear gradient to right,red,gre...
CSS（非布局樣式總結）
css 非布局樣式 問題1.css樣式 選擇器 的優先順序 1.計算權重 2.important 級別最高 實際開發盡量不用 3.內聯樣式比外聯樣式高，在外聯樣式中，id 選擇器級別最高，其次是類選擇器，最後是元素選擇器和偽類 4.後寫的優先順序高 問題2.雪碧圖的作用 1.減少 http 請求數，...
CSS非布局樣式 字型
一 字型的分類 有兩個型別的名稱可用於分類字型 字型族名稱 family name 族類 generic family 二 多字型fallback 實現多平台下的字型的適配 css屬性font family的作用是設定一組按優先順序排序的字型列表，如果該列表中的第乙個字型未在訪問者計算機上安裝，那麼...