志同道合的小夥伴跟我一起學習交流哦！
1 背景顏色及其平鋪
背景顏色background
css可以新增背景顏色和背景，以及來進行設定。
格式與用法如下：
sublime小技巧：「bgc+tab」=background-color
其他的以此類推
2 背景位置(一)
背景位置position
語法：background-position: length length;
background-position: position position;
background-position: left top;/*預設的是在左上角*/
background-position: bottom right;/*方位名詞沒有順序，誰都在前都可以*/
background-position: left;/*如果方位名詞只寫乙個，另乙個預設為center*/
引數：length：百分數丨由浮點數字和單位識別符號組成的長度值。請參閱長度單位position:top center bottom left right
3 背景位置(二)
精確單位：
background-position: 10px 30px;
/*第乙個值一定是x座標 第二個值一定是y座標*/
background-position: 10 center;
/*混搭*/
4 魔獸背景
想讓往上移，可以是負數值
實際上用的最多的就是居中對齊
5 背景附著圖
語法：background-attachment: scroll、 fixed;
引數：scroll：背景影象是隨物件內容滾動
fixed：背景影象固定
說明：設定或檢索背景影象是隨物件內容滾動還是固定的。
6 背景簡寫
background背景顏色-背景位址-背景平鋪-背景滾動-背景位置background:transparent url(image jpg) repeat-y scroll 50%0：
黑色 位址 不平鋪 水平居中 垂直100畫素
後面的兩個位置值是不能分開的
7 背景半透明
css3支援背景半透明的寫法語法格式是
background: rgba(0, 0, 0, 0.7);
最後乙個引數是 alpha透明度取值範圍0-1之間
注意：背景半透明是指盒子背景半透明，盒子裡面的內容不受影響。
同樣，可以給文字和邊框透明都是rgba的格式來寫。
8 背景縮放(一)
通過 background-size設定背景的尺寸，就像我們設定img的尺寸一樣，在移動web開發中做螢幕適配應用非常廣泛。
其引數設定如下：
a)可以設定長度單位(px)或百分比(設定百分比時，參照盒子的寬高)
background-size:50% ;
背景設定為原來的50%大小
9 背景縮放(二)
b)設定為 cover時，會自動調整縮放比例，保證始終填充滿背景區堿，如有溢位部分則會被隱藏。
c)設定為 contain會自動調整縮放比例，保證始終完整顯示在背景區域。
10 多背影
以逗號分隔可以設定多背景，可用於自適應布局做法就是用逗號隔開就好了。
1 乙個元素可以設定多重背景影象。
2 每組屬性間使用逗號分隔。
3 如果設定的多重背景圖之間存在著交集(即存在著重疊關係)，前面的背景圖會覆蓋在後面的背景圖之上。
4 為了避免背景色將影象蓋住，背景色通常都定義在最後一組上
11 凹凸文字效果
12 王者榮耀導航欄(一)
13 王者榮耀導航欄(二)
文字的裝飾
text-decoration通常我們用於給鏈結修改裝飾效果
使用技巧：在一行內的盒子內，我們設定行高等於盒子的高度，就可以使文字垂直居中
看不懂的小夥伴不要氣餒，後續的分享中將持續解釋，只要你跟著我分享的課程從頭到尾去學習，每篇文章看三遍，乙個月後，回過頭來看之前的文章就會感覺簡單極了。
本章已結束，下篇文章將分享《09 css三大特性》小夥伴們不要錯過喲！
設定行背景 CSS 背景 background
css 可以新增背景顏色和背景，以及來進行設定。background color 背景顏色 background image 背景位址 background repeat 是否平鋪 background position 背景位置 background attachment 背景固定還是滾動 背景的...
css背景設定
顏色表示方法 background 1 red 英文單詞 2 ff0000 16進製制 3 rgb 255,0,0 3元色 4 rgb 100 0 0 百分比 背景起始位置 background origin padding box border box content box 邊框起始 內邊距起始...
css背景設定
1 background color 背景顏色 2 background image 背景 3 background repeat 背景重複 4 background position 背景位置 5 background size 背景尺寸 6 background attachment 背景粘附 ...