css，又稱樣式重疊表，如今的網頁的樣式基本是div+css寫出來的，功能十分強大，要想在html文件中引入css文件需要在<head></head>標簽內輸入一行：<link rel=" stylesheet " type=" text/css " href=" XXX.css ">
css的一些基本樣式也不一 一做介紹了，這個在手冊以及一些學習網站上都會有，大家可以自行查閱；
css中有四種不同的選擇器：1.類選擇器（class選擇器）；2.id選擇器；3.html元素選擇器；4.通配符選擇器；
1.class選擇器的使用：
. 類選擇器名{ //類選擇器前面的 . 一定要加
屬性名：屬性值；
...
}
2.id選擇器的使用：
# id選擇器名{ //在樣式表中，id選擇器的優先級最高
屬性名：屬性值；
...
}
3.html元素選擇器：
html標簽名{ // eg： a{ } img{ } body{ } 等等
屬性名：屬性值； //當定義一個html元素選擇器后，所有該元素的樣式都會發生改變
...
}
//同一html元素選擇器中也可進行分類處理
html標簽名.類名{ // eg: a . cls1 { a . cls2 {
屬性名：屬性值； 屬性名：屬性值； 屬性名：屬性值；
... ... ...
} } }
/* 應用到頁面中 <a class="cls1"> 這個會渲染出a.cls1的樣式
<a class="cls2"> 這個會渲染出a.cls2的樣式 */
4.通配符選擇器：
* { //通配符選擇器會作用於所有的樣式，大部分用來定義初始化所有內外頁邊距，但是其優先級是最低的
屬性名：屬性值； //通常一些有經驗的web前端工程師習慣性把頁邊距清零
... //margin：0px ； padding：0px；
}
四個選擇器的優先級： id選擇器 > class選擇器 > html元素選擇器 > 通配符選擇器 ；
父子選擇器： //eg： <span="id">我<span>這里</span>有<span>一段</span>代碼</span>
# id { // " 我 "，“ 有 ” ，“ 代碼 ” 會渲染這個樣式
屬性名：屬性值；
}
# id span{ // “ <span>這里</span>” 會渲染這個樣式
屬性名：屬性值；
}
# id span span { // “ <span>一段</span> ” 會渲染這個樣式
屬性名：屬性值；
}
父子選擇器總結：父子選擇器中可以有多層級（但在實際開發中不建議超過三層），
父子選擇器有嚴格的層級關系；
任何類型的選擇器都可以有父子選擇器；
多個css文件可以相互引用，使用@import url（“被引入的路徑和文件名”）指令引入 ；