1.CSS的思想
首先：指定對什么對象（元素/標簽）進行設(shè)置朝抖；
然后：指定設(shè)定該對象哪個樣式屬性崭庸；
最后：給出要設(shè)置的“值”。
打個比方就是扬蕊，給某個房子的外墻刷上紅色/給某個房子的內(nèi)墻刷上藍色/給所有女演員的發(fā)型做成卷曲型搀别。
概括來說，CSS就是由三個基本部分組成的：“對象”尾抑、“樣式屬性”和“值”歇父。
2.區(qū)分兩個屬性的說法：
html屬性：寫在標簽中，形式為： 屬性名=“屬性值”——此引號可以省略再愈，但強烈推薦不省略
——也可以叫“標簽屬性”
——html屬性通常是“各個標簽的自有屬性榜苫，一般不一樣”
——使用相同html屬性的標簽極少
css屬性： 寫在選擇器的大括號中，形式為： 屬性名：屬性值——特別注意翎冲，值不可以加引號
——也可以叫“樣式屬性”
——css屬性通常是 “對各個標簽都可用”垂睬，一般都一樣
——不使用相同css屬性的標簽極少
3.CSS能夠讓我們將網(wǎng)頁從以下兩個方面來控制網(wǎng)頁的外觀：
批量控制網(wǎng)頁的外觀，使我們節(jié)省勞力抗悍。
精確控制網(wǎng)頁的外觀驹饺，到像素級別。

框架標簽

<frameset cols=”將當前窗口按列分割” rows=”將當前窗口按行分割”>
<frame src=”網(wǎng)頁1路經(jīng)url” name=”名字” noresize=”noresize”（不能改變窗口大薪稍ā） Scrolling=”Auto（在需要時有滾動條）/Yes（始終有滾動條）/No（不為框架提供滾動條）”/>
<frame src=”網(wǎng)頁2路經(jīng)url” name=”名字” />
……
</frameset>

cols的值

cols的值是連續(xù)的表示列的寬度的數(shù)字或百分數(shù)赏壹，相互之間用（，）分開衔沼，其中“*”號表示“其余”的寬度蝌借。比如：
cols=”100,800” ：表示將大窗口按列分割成2個小窗口，第一個為100寬指蚁，第二個為800寬
cols=”100,200,*”：表示將大窗口按列分割成3個小窗口骨望，第一個為100寬，第二個為200寬欣舵，其余給第三個
cols=”15%, *”：表示將大窗口按列分割成2個小窗口擎鸠，第一個為總寬的15%，其余給第二個

rows的值

rows的值是連續(xù)的表示行的寬度的數(shù)字或百分數(shù)缘圈，相互之間用（劣光，）分開，其中“*”號表示“其余”的寬度糟把。比如：
rows=”100,200,*”：表示將大窗口按行分割成3個小窗口绢涡，第一個為100寬，第二個為200寬遣疯，其余給第三個
row=”20%, *”：表示將大窗口按行分割成2個小窗口雄可，第一個為總寬的20%，其余給第二個

frame標簽屬性

frameborder ：設(shè)置是否顯示框架邊框。設(shè)定值只有0数苫、1聪舒；0 表示不顯示邊框，1 表示要顯示邊框虐急。
marginwidth：設(shè)置框架邊界和其中內(nèi)容之間的間隔箱残。
marginhight：設(shè)置框架邊界和其中內(nèi)容之間的間隔。

注：使用框架標簽（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;}
含義： 指代（對應）網(wǎng)頁中的所有該標簽都應用其中的屬性設(shè)置俄删。

類選擇器：
形式： .類名 { …… }
舉例：<style> .cc1{color:red;} </style>
<h1 class=”cc1”>內(nèi)容</h1>
含義： 指代（對應）網(wǎng)頁中的class的值為該類名的所有標簽都應用該屬性設(shè)置宏怔。

ID選擇器：
形式： #id名{ …… }
舉例： <style> #d1{color:red;} </style>
<h1 id=”d1”> 內(nèi)容</h1>
含義： 指代（對應）網(wǎng)頁中的id的值為該名稱的該標簽都應用該屬性設(shè)置。
注意：一個網(wǎng)頁中的id名不要相同抗蠢，因為id本身就是表示“唯一”的意思举哟。

通用選擇器：
形式： *{ ….. }
含義： 其自動指代“所有標簽”思劳，即所有標簽都應用該屬性設(shè)置迅矛。
注意： 通用選擇器慎用，通常只用于設(shè)置基本的幾個屬性潜叛，比如文字顏色秽褒，文字大小，padding威兜，margin销斟。通用選擇器只有這一個形式（符號）。

偽類選擇器：
形式： ：偽類名 { …… }
注意： 偽類名其實只有系統(tǒng)內(nèi)部規(guī)定的不多的幾個椒舵，不是我們自己定義的蚂踊，比如：link, visited, hover, active.他們的含義也是特定的。通常上述幾個偽類只用于a標簽笔宿，則其形式和含義通常為：
a:link{ …… } ：表示一個a鏈接標簽在網(wǎng)頁初始打開的時候的狀態(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可以是前面所學的任意某種選擇器，而且這種層級關(guān)系還可以多層次，比如：
#d1 div{…...}
.cc1 p span{…..}
p .cc2 img{…..}
#d1 p a:hover{….}

復合選擇器之：分組選擇器
形式： 選擇器1米愿，選擇器2 { ……… }
含義：指這兩個選擇器都使用同樣的屬性設(shè)置厦凤，其實無非是簡縮代碼的一種寫法，否則他們得用兩個選擇器來寫吗货。比如：
舊的寫法：.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標簽宙搬，但這種形式其實并不推薦（意義不大）笨腥。