一、ID選擇器與Class選擇器的區別

區別 1：ID選擇器只能在文檔中使用一次,.
class類選擇器可以多次使用。
區別 2： id的權重大于class類的權重

二.background背景樣式

1.background-color:規定要使用的背景顏色十六進制值 #CC0066 #000英文單詞里顏色值 red gray blue yellow Rgba 表達法 (css3) Hsla 表達法2.background-image:把圖像設為背景圖片url("地址") 引用背景圖片的地址none 不使用背景圖片3.background-repeat:規定如何重復背景圖片repeat:默認。背景圖像在水平和垂直方向均重復repeat-x:背景圖片在水平方向重復repeat-y:背景圖片在垂直方向重復no-repeat:背景圖片只顯示一次，不重復4.background-position：規定背景圖片位置① 使用關鍵字：top、bottom、left、right 和 center兩兩組合而成 ps:如果只出現一個關鍵字，則認為另一個關鍵字是 center②百分數值 （水平% 豎直%)background-position：20% 30%；

ps:如果只提供一個百分數值，所提供的這個值將用作水平值，垂直值將假設為50%

③具體的值 （水平px 豎直px) background-position:20px 30px;5.background-attachment:背景關聯 scroll 滾動 fixed 不動 inherit 繼承父級屬性6.background-size:背景圖片的大小background-size:600px 300px; /*顯示的是圖片的真實大小*/ background-size:auto; background-size:cover;（蓋→圖片有時會顯示部分） background-size:contain;（包含→圖片會全部顯示）√7.background:綜合樣式控制background: url("") red no-repeat 2px 5px;

（路徑 背景顏色 重復 位置;）

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的第5章-css选择器初级和背景的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。