框架標(biāo)簽
第一個(gè)觀念：我們?cè)诖蜷_的一個(gè)“窗口”中總是只會(huì)顯示一個(gè)網(wǎng)頁(yè)蹋订。
但是：
我們其實(shí)也可以在一個(gè)窗口中打開多個(gè)網(wǎng)頁(yè)——其實(shí)其實(shí)質(zhì)還是一個(gè)窗口顯示一個(gè)網(wǎng)頁(yè)浪箭，只是我們會(huì)使用某些特定標(biāo)簽（frameset）來(lái)將一個(gè)“大窗口”分割成若干個(gè)“小窗口”敷燎。

首先要明確：
1钞脂， 使用框架標(biāo)簽（frameset）就不能使用body標(biāo)簽——即body標(biāo)簽使用frameset標(biāo)簽代替
2葫督， 使用frameset標(biāo)簽就要使用framseset文檔類型

則具體分割代碼如下：
<frameset cols=”將當(dāng)前窗口按列分割的設(shè)置” rows=”將當(dāng)前窗口按行分割的設(shè)置”>
<frame src=”網(wǎng)頁(yè)1路經(jīng)url” name=”名字” noresize=”noresize”（不能改變大小）
Scrolling=”Auto（在需要時(shí)有滾動(dòng)條）/Yes（始終有滾動(dòng)條）/No（不為框架提供滾動(dòng)條）”/>
<frame src=”網(wǎng)頁(yè)2路經(jīng)url” name=”名字” />
恋沃。。必指。囊咏。。塔橡。梅割。。葛家。户辞。。惦银。咆课。
</frameset>
cols的值是連續(xù)的表示列的寬度的數(shù)字或百分?jǐn)?shù)，相互之間用（扯俱，）分開书蚪，其中“”號(hào)表示“其余”的寬度。比如：
cols=”100,800” ：表示將大窗口按列分割成兩個(gè)小窗口迅栅，第一個(gè)為100寬殊校，第二個(gè)為800寬
cols=”100,200,” ：表示將大窗口按列分割成3個(gè)小窗口，第一個(gè)為100寬读存，第二個(gè)為200寬,其余給第3個(gè)
cols=”15%, ”
rows的值是連續(xù)的表示行的寬度的數(shù)字或百分?jǐn)?shù)为流，相互之間用（，）分開让簿，其中“”號(hào)表示“其余”的寬度敬察。比如：
rows=”100,200,*”
row=”20%, *”
注意：一個(gè)frameset只能按某一個(gè)方向（列或行）進(jìn)行分割

css介紹
CSS：Cascading Style Sheet（層疊樣式表）
CSS能夠讓我們將網(wǎng)頁(yè)從以下兩個(gè)方面來(lái)控制網(wǎng)頁(yè)的外觀：
1， 批量控制網(wǎng)頁(yè)的外觀尔当，使我們節(jié)省勞力莲祸。
2， 精確控制網(wǎng)頁(yè)的外觀：到像素級(jí)別椭迎。

css的基本語(yǔ)法形式：
選擇器 { css屬性名1：值1锐帜；css屬性名2：值2； ………… }
舉例：
font{color:red; font-weight:bold; font-size:18px;}
dt{
font-size:14px;
font-weight:bold;
color:pink;
}
區(qū)分兩個(gè)屬性的說(shuō)法
html屬性：寫在標(biāo)簽中畜号，形式為： 屬性名=“屬性值”——此引號(hào)可以省略缴阎，但墻裂推薦不省略
——也可以叫“標(biāo)簽屬性”
——html屬性通常是“各個(gè)標(biāo)簽的自有屬性，一般不一樣”
——使用相同html屬性的標(biāo)簽極少

css屬性： 寫在選擇器的大括號(hào)中简软，形式為： 屬性名：屬性值——特別注意蛮拔，值不可以加引號(hào)
——也可以叫“樣式屬性”
——css屬性通常是 “對(duì)各個(gè)標(biāo)簽都可用”述暂，一般都一樣
——不使用相同css屬性的標(biāo)簽極少
選擇器分類
標(biāo)簽選擇器：
形式： 標(biāo)簽名 { …….. }
含義： 指代（對(duì)應(yīng)）網(wǎng)頁(yè)中的所有該標(biāo)簽都應(yīng)用其中的屬性設(shè)置。

類選擇器：
形式： .類名 { …… }
含義： 指代（對(duì)應(yīng)）網(wǎng)頁(yè)中的class的值為該類名的所有標(biāo)簽都應(yīng)用該屬性設(shè)置语泽。
舉例：
<style> .cc1{color:red;} </style>
<h1 class=”cc1”> 惺惺惜惺惺信息</h1>
ID選擇器：
形式： #id名{ …… }
含義： 指代（對(duì)應(yīng)）網(wǎng)頁(yè)中的id的值為該名稱的該標(biāo)簽都應(yīng)用該屬性設(shè)置贸典。
注意： 通常，一個(gè)網(wǎng)頁(yè)中的id名不要相同踱卵，因?yàn)閕d本身就是表示“唯一”的意思廊驼。
舉例：
<style> #d1{color:red;} </style>
<h1 id=”d1”> 惺惺惜惺惺信息</h1>
通用選擇器：
形式： *{ ….. } ——通用選擇器只有這一個(gè)形式（符號(hào)）
含義： 其自動(dòng)指代“所有標(biāo)簽”，即所有標(biāo)簽都應(yīng)用該屬性設(shè)置
注意： 通用選擇器慎用惋砂，通常只用于設(shè)置基本的幾個(gè)屬性妒挎，比如文字顏色，文字大小西饵，padding酝掩，margin

偽類選擇器：
形式： :偽類名 { …… }
注意： 偽類名其實(shí)只有系統(tǒng)內(nèi)部規(guī)定的不多的幾個(gè)，不是我們自己定義的眷柔，比如：link, visited, hover, active.他們的含義也是特定的期虾。通常上述幾個(gè)偽類只用于a標(biāo)簽，則其形式和含義通常為：
a:link{ …… } ：表示一個(gè)a鏈接標(biāo)簽在網(wǎng)頁(yè)初始打開的時(shí)候的狀態(tài)（初始鏈接狀態(tài)）
a:visited{…..} ：表示一個(gè)a鏈接標(biāo)簽在點(diǎn)擊（訪問(wèn)）過(guò)之后的時(shí)候的狀態(tài)（訪問(wèn)后狀態(tài)）
a:hover{….} ：表示一個(gè)a鏈接標(biāo)簽在鼠標(biāo)放上去的時(shí)候的狀態(tài)（懸停狀態(tài)）
a:active{….} ：表示一個(gè)a鏈接標(biāo)簽在鼠標(biāo)摁住但還沒(méi)有抬起的狀態(tài)（活動(dòng)狀態(tài)）驯嘱。
不過(guò)镶苞，最新的瀏覽器中，出于安全考慮鞠评，a的hover和visited效果有些屬性不能用了茂蚓。

復(fù)合選擇器之：層級(jí)選擇器
形式： 選擇器1 選擇器2 { ……… }
含義： 在選擇器1所對(duì)應(yīng)的標(biāo)簽中由選擇器2所對(duì)應(yīng)的那些標(biāo)簽。剃幌。聋涨。。负乡。其中牍白，選擇器1和選擇器2可以是前面所學(xué)的任意某種選擇器，而且這種層級(jí)關(guān)系還可以多層次抖棘，比如：

d1 div{…}

.cc1 p span{…..}
p .cc2 img{…..}

d1 p a:hover{….}

舉例：
    <style> 

div p{ color: red;}
</style>
<div>
<p>段落1</p>
</div>
<p>段落2</p>
復(fù)合選擇器之：分組選擇器
形式： 選擇器1茂腥，選擇器2 { ……… }
含義：指這兩個(gè)選擇器都使用同樣的屬性設(shè)置，其實(shí)無(wú)非是簡(jiǎn)縮代碼的一種寫法钉答，否則他們得用兩個(gè)選擇器來(lái)寫。
.a {color:red; font-size:15px;}
.b{ color:red; font-size:15px;}
è
.a, .b{ color:red; font-size:15px;}
其他復(fù)合形式（舉例）：
div.cc1{…} :代表具有class值為cc1的div標(biāo)簽杈抢，它跟 div .cc1{…}是完全不同的数尿。
p#d1{…} :代表具有id值為d1的p標(biāo)簽，但這種形式其實(shí)并不推薦（意義不大）惶楼。