1.每一個 HTML 頁面都有一個 body 元素昆婿。
通過將其 background-color 設置為黑色害碾，我們可以證明 body 元素的存在喻括。
我們可以通過將下面的代碼添加到我們的 style 元素來做到這一點：
<style>
body {
background-color: black;
}
</style>
body 元素包含文檔的所有內容（比如文本楞泼、超鏈接、圖像庶诡、表格和列表等等惦银。）
body 元素的內容會顯示在瀏覽器中。
title 元素的內容會顯示在瀏覽器的標題欄中末誓。
2.記住扯俱，你可以像對其他 HTML 元素一樣對你的 body 元素應用樣式，并且所有其他元素將繼承你的 body 元素的樣式基显。
首先蘸吓，創(chuàng)建一個文字為 Hello World 的 h1 元素善炫。
然后撩幽，讓我們通過向 body 元素的樣式聲明部分添加 color: green; 使頁面上的所有元素的顏色為 green。
最后箩艺，通過向 body 元素的樣式聲明部分添加 font-family: Monospace; 將 body 元素的 font-family（字體）設置為 Monospace
<style>
body {
color: green;
font-family: Monospace;
}
</style>
<h1>
Hello World
</h1>
3.通過用空格分隔多個 class 屬性窜醉，可對 HTML 元素應用多個 class 屬性：
class="class1 class2"
注意：在 HTML 中這些 class 如何排序是無所謂的。
然而艺谆，在 <style> 部分中 class 聲明的順序卻非常重要榨惰，第二個聲明總是比第一個具有優(yōu)先權。因為 .blue-text 是第二個聲明静汤，它覆蓋了 .pink-text 屬性琅催。
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
</style>
<h1 class="pink-text blue-text">Hello World!</h1>
4.給你的 h1 元素添加名為 orange-text 的 id 屬性。記住虫给，id 樣式看起來是這樣的：
<h1 id="orange-text">
在你的 h1 元素中保留 blue-text 和 pink-text 兩個 class藤抡。
在你的 style 元素中為你的 orange-text id 創(chuàng)建一個 CSS 聲明，就像下面例子中的樣子：
brown-text {
color: brown;
}
注意：你聲明的這個 CSS 在 pink-text類選擇器的上面還是下面是無所謂的抹估，因為 id 屬性總是具有更高的優(yōu)先級缠黍。
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
orange-text{
color:orange;
}
</style>
<h1 class="pink-text blue-text" id="orange-text">Hello World!</h1>
5.試著用 in-line style（行內樣式） 使 h1 元素變?yōu)榘咨Ｓ涀∫撸袃葮邮娇雌饋硎沁@樣的：
<h1 style="color: green">
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
orange-text {
color: orange;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
</style>
<h1 id="orange-text" class="pink-text blue-text" style="color:white">Hello World!</h1>
6.讓我們來給 pink-text 元素的 color 聲明加上關鍵字 !important瓷式，以便 100% 確保你的 h1 元素是粉色的。
舉例如下：
color: pink !important;
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
orange-text {
color: orange;
}
.pink-text {
color: pink !important;
}
.blue-text {
color: blue;
}
</style>
<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
