“外部样式表”的版本间的差异
来自CloudWiki
（→外部文件的来源） |
（→外部文件的来源） |
||
| 第1行： | 第1行： | ||
== 外部文件的来源 == | == 外部文件的来源 == | ||
*CSS文件:负责页面格式的装饰 | *CSS文件:负责页面格式的装饰 | ||
| − | *文件:W2-1.png | + | *[[文件:W2-1.png]] |
== 外部文件的作用 == | == 外部文件的作用 == | ||
2017年10月26日 (四) 12:40的版本
外部文件的来源
- CSS文件:负责页面格式的装饰
外部文件的作用
- 实现了内容结构与外观表现的完全分离。
外部文件示例
分别在本地电脑建立下面三个文件，查看效果：
CSS文件文件：c1-all.css
h2{ color:blue; text-align:center; }
p{ color:red; }
html文件：h1-1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>第一个HTML页面</title>
<link type="text/css" rel="stylesheet" href="c1-all.css" />
</head><body>
<h2>这是HTML页面</h2>
<hr />
<p>我们在学习HTML+CSS+JavaScript。</p>
</body></html>
html文件：h1-2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>第二个HTML页面</title>
<link type="text/css" rel="stylesheet" href="c1-all.css" />
</head><body>
<h2>这是第二个HTML页面</h2>
<hr />
<p>我们仍在在学习HTML+CSS+JavaScript，越来越明(meng)白(bi)了</p>
</body></html>
下一节 盒子的布局应用举例
返回 网页设计与开发
