一恼除、html結(jié)構(gòu)化 -> html結(jié)構(gòu)化 + 外在表現(xiàn)(樣式標(biāo)簽) -> 混亂
W3C 1995 CSS計劃
1996 成熟推薦草案
二踪旷、術(shù)語
1.替換和非替換：替換元素、非替換元素
2.元素顯示角色：塊級元素豁辉、塊內(nèi)元素
display:影響顯示角色的基本功能
display: block;
display: inline;
三令野、文檔使用css
1.直接嵌入文檔
<!DOCTYPE html>
<html>
<head>
<title>測試導(dǎo)入css樣式表</title>
<style type="text/css"><!--
h1 {
color: purple;
}
--></style>
</head>
<body>
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
</body>
</html>
2.link導(dǎo)入外部樣式表,link必須要在head中
<!DOCTYPE html>
<html>
<head>
<title>測試導(dǎo)入css樣式表</title>
<link rel="stylesheet" type="text/css" href="testcss.css">
<link rel="alternate" type="text/css" href="alternate.css">
</head>
<body>
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
</body>
</html>
3.@import
<!DOCTYPE html>
<html>
<head>
<title>測試導(dǎo)入css樣式表</title>
<style type="text/css"><!--
/*必須放在最上面*/
@import url(testcss.css);
h1 {
color: purple;
}
--></style>
</head>
<body>
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
</body>
</html>
三、內(nèi)聯(lián)樣式style
<p style="color: maroon; background: white;"></p>
如果把樣式放在style屬性中徽级，會抵消CSS的一些重要要點(diǎn)气破。XHTML1.1也不建議使用。
