1、乙個元素不允許使用2個id選擇器，可以使用2個類選擇器。
2、並集選擇器 用「，」隔開。
3、後代選擇器用空格隔開。
交集選擇器的例子：藍色
紅色綠色
行內樣式》id樣式》類樣式》標記樣式
display屬性（inline強制轉換為行內元素 block強制轉換為塊級元素 none 隱藏元素）
a標籤：
a:link： a:visited：a:active： a:hover：
div居中：margin:0 auto;
塊級元素(block)
行內元素(in-line)
例子：//行內元素距離疊加，例子中2個行內元素距離為70px
行內元素
行內元素
span.left
span.right
//2個塊級元素的外邊距取大的，例子中2個塊級元素的距離是40px
塊級元素1
塊級元素2
//乙個浮動的例子
box1
box2
box3
box3
box3
box3
box3
box3
1、乙個元素不允許使用2個id選擇器，可以使用2個類選擇器。
2、並集選擇器 用「，」隔開。
3、後代選擇器用空格隔開。
行內樣式》id樣式》類樣式》標記樣式
display屬性（inline強制轉換為行內元素 block強制轉換為塊級元素 none 隱藏元素）
a標籤：
a:link： a:visited：a:active：a:hover：
div居中：margin:0 auto;
塊級元素(block)
行內元素(in-line)
例子：//行內元素距離疊加，例子中2個行內元素距離為70px
body
.father
.father div
.father p
.son1
.son2
.son3
//若全部div脫離了標準流，要使父容器可以自動適應高度，可以新增乙個div，例子中，
box1
box2
box3
box3
box3
box3
box3
box3
body
.father
.father div
.son1
.son2
.son3
.clear
//相對定位即相對於原來的位置，同樣適用於float（它後面的盒子不變）
box-1
.father
.block1
//絕對定位即是以其最近設定了position屬性的父容器為基準，若都沒有設定，則以瀏覽器作為
基準box-1
box-2
box-3
.father
.father div
.block2
//father設定了position屬性
.father
.father div
.block2
//固定定位fixed以瀏覽器作為基準
//按鈕式導航
首頁鏈結一
鏈結二鏈結三
鏈結四鏈結五
.daohang a:link,a:visited
.daohang a:hover
//列表式導航
.daohang1
.daohang1 ul
.daohang1 li
.daohang1 li a
.daohang1 li a:link,.daohang1 li a:visited
.daohang1 li a:hover
//浮動列表式導航
.daohang1
.daohang1 ul
.daohang1 li
.daohang1 li a
.daohang1 li a:link,.daohang1 li a:visited
.daohang1 li a:hover
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...