第1關：背景顏色
任務描述
本關任務：在本關中，我們將學習如何使用css去更改html元素的背景屬性。
本關任務完成之後的效果圖如下：
背景色我們可以使用background-color為元素設定背景色，通常屬性值為顏色名稱或顏色編碼。
因為html文件中body元素包含了html文件的所有內容，所以如果要改變整個頁面的背景顏色，只需要設定body元素的background-color屬性。
例如：
這是乙個段落
程式設計要求
學會了基本設定背景顏色的方式，現在讓我們來實踐一下吧。請在右側的編輯框中修改style.css檔案，完成如下要求：
設定body的背景顏色(background)為象牙色(ivory)；
設定段落p的背景顏色(background)為淺藍色(lightblue)。
測試說明
平台會對你的**進行執行測試，如果實際輸出結果與預期結果相同，則通關；
開始你的任務吧，祝你成功！
參考**：
step1/index.html
使用css(cascading style sheets)，可以使網頁樣式更加的豐富多彩，它解決內容與表現分離的問題，提高了工作效率。
這是乙個段落。
/* ********** begin ********** */
body
/* ********** end ********** */
h1 p
本關任務：在本關中，我們將學習如何使用css去更改網頁的背景。
本關任務完成之後的效果圖如下：
相關知識
背景設定背景
我們可以使用background-image屬性設定元素的背景屬性，常見的網頁背景圖就是這樣設定的。其中，屬性值通過url指定鏈結。
書寫格式：
background-image: url(「鏈結」)
例如：
本例設定了body背景影象。
平鋪背景影象
指定了背景影象之後，預設背景圖是平鋪重複顯示。如果想要設定影象在水平方向、垂直方向平鋪或其他方式，可以設定background-repeat屬性。
具體屬性值設定如下：
例如：預設平鋪
任務要求
請在右側的編輯框中修改style.css檔案，完成如下要求：
設定背景，圖示url位址為
修改背景模式，顯示為預設平鋪樣式。
測試說明
平台會對你的**進行執行測試，如果實際輸出結果與預期結果相同，則通關；
開始你的任務吧，祝你成功！
step2/index.html
這是乙個段落
body
div
本關任務：在本關中，我們將學習如何使用css去更改html元素的背景定位和背景關聯屬性。
本關任務完成之後的效果圖如下：
相關知識
為了完成本關任務，請大家認真閱讀以下內容。
背景定位
當影象作為背景和文字顯示在同乙個位置時，為了頁面排版更優美、更易於文字的閱讀，我們可以使用background-position屬性改變影象在背景中的位置:
舉例如下：
bodybodybody這是乙個段落
body
div
CSS從入門到精通（CSS背景和列表）
主要學習css的背景和列表 設定元素的背景顏色 background color 顏色 transparent 複製 設定元素的背景 background image url none 複製 說明 設定元素的背景的起始位置 background position 百分比 值 top right bo...
Nginx從入門到精通
1 nginx配置檔案載入機制 採用nginx s reload命令載入nginx的配置檔案，master程序讀取配置檔案，建立新的worker程序，向老的worker程序傳送shutdown命令。老的worker程序不再接受新的請求，待老的請求處理完成後，就會停掉。2 location匹配機制 當...
scrot 從入門到精通
無論是撰寫技術教程，還是展示桌面或應用，恐怕 scrot 都是必不可少的工具。scrot 是螢幕抓圖工具中的 皎皎 佼佼者，它小巧而不失為強大，精練而不缺少靈活。scrot 主要用在命令列下，它使用 imlib2 庫來抓取並儲存影象。在 ubuntu 中，可以使用sudo apt get insta...