“外部样式表”的版本间的差异

来自CloudWiki
跳转至： 导航， 搜索
（创建页面，内容为“== 外部文件的来源 == *CSS文件:负责页面格式的装饰 *javascript文件：负责页面点击的动作 == 外部文件的作用 == * 实现了内容结…”）
 
第20行： 第20行：
 
   <p>我们在学习HTML+CSS+JavaScript。</p>
 
   <p>我们在学习HTML+CSS+JavaScript。</p>
 
</body></html></nowiki>
 
</body></html></nowiki>
 +
 +
返回 [[网页设计与开发]]

2017年9月25日 (一) 08:15的版本

外部文件的来源

  • CSS文件:负责页面格式的装饰
  • javascript文件：负责页面点击的动作

外部文件的作用

  • 实现了内容结构与外观表现的完全分离。

外部文件示例

CSS文件：c1-2.css

  h2{ color:blue; text-align:center; } 
   p{ color:red; }

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-2.css" />
</head><body>
  <h2>这是HTML页面</h2>
  <hr />        
  <p>我们在学习HTML+CSS+JavaScript。</p>
</body></html>

返回 网页设计与开发

取自“http://www.openbrains.net/mediawiki/index.php?title=外部样式表&oldid=98”