查看“外部样式表”的源代码
←
外部样式表
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
== 外部文件的来源 == *CSS文件:负责页面格式的装饰 *javascript文件:负责页面点击的动作 == 外部文件的作用 == * 实现了内容结构与外观表现的完全分离。 == 外部文件示例 == 分别在本地电脑建立下面三个文件,查看效果: === CSS文件文件:c1-all.css === <nowiki>h2{ color:blue; text-align:center; } p{ color:red; }</nowiki> === html文件:h1-1.html === <nowiki><!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></nowiki> === html文件:h1-2.html === <nowiki><!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></nowiki> 下一节 [[盒子的布局应用举例]] 返回 [[网页设计与开发]]
返回至
外部样式表
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息