html負(fù)責(zé)頁面結(jié)構(gòu)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>框架</title>
</head>
<!--
1）一個頁面就包含在一個frame標(biāo)簽中
2）有兩個或兩個以上的frame就需要放在frameset（框架集中）
frameset框架集
屬性：
cols:按照列的方向來劃分框架
rows:按照行的方向來劃分框架
以上兩個屬性的值填每個框架的比例和長度
* 表示其他框架分配完之后剩下的比例
-->
<frameset rows="10%,*,10%">
<frame src="頭部頁面.html">
<frameset cols="20%,*">
<frame src="左邊頁面.html">
<frame name="main" src="中間主頁面.html">
</frameset>
<frame src="底部頁面.html">
</frameset>
<body>
</body>
</html>
屏幕快照 2017-01-17 下午2.32.32.png
css負(fù)責(zé)頁面的美觀
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css入門</title>
<style type="text/css">
a{
font-size:24px;
color:#0F0;
}
</style>
</head>
<body>
<a href="xxxx" >超鏈接</a><br/>
<a href="xxxx" >超鏈接</a><br/>
<a href="xxxx" >超鏈接</a><br/>
<a href="xxxx" >超鏈接</a><br/>
</body>
</html>
css的使用方式
1）行內(nèi)樣式
注意：
1）使用標(biāo)簽的style屬性進(jìn)行css控制，css寫在style屬性值中
2）弊端：只能控制一個標(biāo)簽的樣式
<a href="xxxx" style="font-size:24px;">超鏈接</a>
2）內(nèi)部樣式
注意：
1）使用style的標(biāo)簽進(jìn)行css控制，css內(nèi)容寫在style標(biāo)簽體內(nèi)
2）一次控制多個標(biāo)簽的樣式
3）和html標(biāo)簽混雜在一起福荸，不好維護(hù)油坝。css內(nèi)容無法在多個html頁面中重用
<style type="text/css">
a{
font-size:24px;
color:#0F0;
}
</style>
3）外部樣式（推薦使用）
注意：
1）建立獨(dú)立后綴為css的文件盒让，css內(nèi)容寫在該文件中
2）在使用css的html頁面中搜锰，導(dǎo)入外部css文件
<link href="01.css" rel="stylesheet"/>
