Css:Cascading Style Sheets
CSS叫做層疊樣式表，用來設定頁面中元素的樣式。背景顔色、字型顔色、字型大小。。。
編寫位置：
将樣式編寫到标簽的style屬性中
<p style="color:red;"></p>
效果：
如果對其他标簽起作用，内聯樣式就需要複制到其他标簽去，這樣就顯得比較麻煩，無法複用，不易維護。
将樣式表編寫到head中的style标簽中
<style type="text/css"></style>
使用内部樣式表，進一步将表現和結構分離，可以同時為多個元素設定樣式，友善後期的維護
如下對所有的P元素進行樣式設定，實作樣式的複用
缺點：比如我有多個html檔案想要公用同一樣式，如上兩種方式就無法解決，引出如下的實作方式。
将樣式表編寫到外部的CSS檔案中，然後通過link标簽将外部檔案引入
<link rel="stylesheet" type="text/css" href="檔案的路徑"/>
将樣式編寫到外部樣式表中，可以在不同的頁面中使用同一個樣式表，完全将表現和結構分離，友善後期的維護，推薦使用的方式
分别定義兩個檔案：
style檔案
html檔案
style.css檔案：
Demo1.html:
Css注釋：作用和HTML注釋類似，隻不過它必須編寫在style标簽中，或者是css檔案中
CSS的文法：
選擇器{
聲明塊1;
聲明塊2;
}
通過選擇器可以選中頁面中指定的元素，
并且将聲明塊中的樣式應用到選擇器對應的元素上
聲明塊緊跟在選擇器的後邊，使用一對{}括起來，
聲明塊中實際上就是一組一組的名值對結構，
這一組一組的名值對我們稱為聲明，
在一個聲明塊中可以寫多個聲明，多個聲明之間使用;隔開，
聲明的樣式名和樣式值之間使用:來連接配接。
如：選擇器就是p,聲明塊就是{}包住的地方。
所謂的塊元素就是會獨占一行的的元素,無論他的内容有多少
他都會獨占一整行。
p h1 h2 h3 ...
div這個标簽沒有任何語義，就是一個純粹的塊元素，
并且不會為它裡邊的元素設定任何的預設樣式，
div元素主要用來對頁面進行布局的
所謂的行内元素，指的是隻占自身大小的元素，不會占用一行
常見的内聯元素：
a img iframe span
span沒有任何的語義，span标簽專門用來選中文字，然後為文字來設定樣式
塊元素主要用來做頁面中的布局，内聯元素主要用來選中文本設定樣式，
一般情況下隻使用塊元素去包含内聯元素，而不會使用内聯元素去包含一個塊元素
a元素可以包含任意元素，除了他本身
p元素不可以包含任何塊元素
父元素：直接包含子元素的元素
子元素：直接被父元素包含的元素
祖先元素：直接或間接包含後代元素的元素，父元素也是祖先元素
後代元素：直接或間接被祖先元素包含的元素，子元素也是後代元素
兄弟元素：擁有相同父元素的元素叫做兄弟元素
為div中的span設定一個顔色為綠色
- 作用：
- 選中指定元素的指定後代元素
- 文法：
祖先元素 後代元素{}
為div的子元素span設定一個背景顔色為黃色
子元素選擇器
- 選中指定父元素的指定子元素
- 文法：
父元素 > 子元素
IE6及以下的浏覽器不支援子元素選擇器