1.CSS的思想
首先：指定對什么對象（元素/標簽）進行設置；
然后：指定設定該對象哪個樣式屬性；
最后：給出要設置的“值”。
打個比方就是，給某個房子的外墻刷上紅色/給某個房子的內墻刷上藍色/給所有女演員的發(fā)型做成卷曲型。
概括來說，CSS就是由三個基本部分組成的：“對象”、“樣式屬性”和“值”。
2.區(qū)分兩個屬性的說法：
html屬性：寫在標簽中，形式為： 屬性名=“屬性值”——此引號可以省略，但強烈推薦不省略
——也可以叫“標簽屬性”
——html屬性通常是“各個標簽的自有屬性，一般不一樣”
——使用相同html屬性的標簽極少
css屬性： 寫在選擇器的大括號中，形式為： 屬性名：屬性值——特別注意，值不可以加引號
——也可以叫“樣式屬性”
——css屬性通常是 “對各個標簽都可用”，一般都一樣
——不使用相同css屬性的標簽極少
3.CSS能夠讓我們將網頁從以下兩個方面來控制網頁的外觀：
批量控制網頁的外觀，使我們節(jié)省勞力。
精確控制網頁的外觀，到像素級別。
框架標簽
<frameset cols=”將當前窗口按列分割” rows=”將當前窗口按行分割”>
<frame src=”網頁1路經url” name=”名字” noresize=”noresize”（不能改變窗口大?。? Scrolling=”Auto（在需要時有滾動條）/Yes（始終有滾動條）/No（不為框架提供滾動條）”/>
<frame src=”網頁2路經url” name=”名字” />
……
</frameset>
cols的值
cols的值是連續(xù)的表示列的寬度的數字或百分數，相互之間用（，）分開，其中“*”號表示“其余”的寬度。比如：
cols=”100,800” ：表示將大窗口按列分割成2個小窗口，第一個為100寬，第二個為800寬
cols=”100,200,*”：表示將大窗口按列分割成3個小窗口，第一個為100寬，第二個為200寬，其余給第三個
cols=”15%, *”：表示將大窗口按列分割成2個小窗口，第一個為總寬的15%，其余給第二個
rows的值
rows的值是連續(xù)的表示行的寬度的數字或百分數，相互之間用（，）分開，其中“*”號表示“其余”的寬度。比如：
rows=”100,200,*”：表示將大窗口按行分割成3個小窗口，第一個為100寬，第二個為200寬，其余給第三個
row=”20%, *”：表示將大窗口按行分割成2個小窗口，第一個為總寬的20%，其余給第二個
frame標簽屬性
frameborder ：設置是否顯示框架邊框。設定值只有0、1；0 表示不顯示邊框，1 表示要顯示邊框。
marginwidth：設置框架邊界和其中內容之間的間隔。
marginhight：設置框架邊界和其中內容之間的間隔。
注：使用框架標簽（frameset）就不能使用body標簽——即body標簽使用frameset標簽代替。
使用frameset標簽就要使用framseset文檔類型。
一個frameset只能按某一個方向（列或行）進行分割。
Cascading Style Sheet（層疊樣式表，CSS）
<style type="text/css">
選擇器 { css屬性名1：值1；css屬性名2：值2；…… }
</style>
選擇器分類
標簽選擇器：
形式： 標簽名 { …….. }
舉例： font {color:red; font-size:18px;}
含義： 指代（對應）網頁中的所有該標簽都應用其中的屬性設置。
類選擇器：
形式： .類名 { …… }
舉例：<style> .cc1{color:red;} </style>
<h1 class=”cc1”>內容</h1>
含義： 指代（對應）網頁中的class的值為該類名的所有標簽都應用該屬性設置。
ID選擇器：
形式： #id名{ …… }
舉例： <style> #d1{color:red;} </style>
<h1 id=”d1”> 內容</h1>
含義： 指代（對應）網頁中的id的值為該名稱的該標簽都應用該屬性設置。
注意：一個網頁中的id名不要相同，因為id本身就是表示“唯一”的意思。
通用選擇器：
形式： *{ ….. }
含義： 其自動指代“所有標簽”，即所有標簽都應用該屬性設置。
注意： 通用選擇器慎用，通常只用于設置基本的幾個屬性，比如文字顏色，文字大小，padding，margin。通用選擇器只有這一個形式（符號）。
偽類選擇器：
形式： ：偽類名 { …… }
注意： 偽類名其實只有系統內部規(guī)定的不多的幾個，不是我們自己定義的，比如：link, visited, hover, active.他們的含義也是特定的。通常上述幾個偽類只用于a標簽，則其形式和含義通常為：
a:link{ …… } ：表示一個a鏈接標簽在網頁初始打開的時候的狀態(tài)（初始鏈接狀態(tài)）
a:visited{…..} ：表示一個a鏈接標簽在點擊（訪問）過之后的時候的狀態(tài)（訪問后狀態(tài)）
a:hover{….} ：表示一個a鏈接標簽在鼠標放上去的時候的狀態(tài)（懸停狀態(tài)）
a:active{….} ：表示一個a鏈接標簽在鼠標摁住但還沒有抬起的狀態(tài)（活動狀態(tài)）。
不過，最新的瀏覽器中，出于安全考慮，a的hover和visited效果有些屬性不能用了。
復合選擇器之：層級選擇器
形式： 選擇器1 選擇器2 { ……… }
含義： 在選擇器1所對應的標簽中由選擇器2所對應的那些標簽。其中，選擇器1和選擇器2可以是前面所學的任意某種選擇器，而且這種層級關系還可以多層次，比如：
#d1 div{…...}
.cc1 p span{…..}
p .cc2 img{…..}
#d1 p a:hover{….}
復合選擇器之：分組選擇器
形式： 選擇器1，選擇器2 { ……… }
含義：指這兩個選擇器都使用同樣的屬性設置，其實無非是簡縮代碼的一種寫法，否則他們得用兩個選擇器來寫。比如：
舊的寫法：.a {color:red; font-size:15px;}
.b{ color:red; font-size:15px;}
新的寫法：.a, .b{ color:red; font-size:15px;}
注：其他復合形式（舉例）：
div.cc1{…} :代表具有class值為cc1的div標簽，它跟 div .cc1{…}是完全不同的。
p#d1{…} :代表具有id值為d1的p標簽，但這種形式其實并不推薦（意義不大）。
