1 / 19
文档名称:

chap03-CSS样式表.pdf

格式:pdf   大小:587KB   页数:19页
下载后只包含 1 个 PDF 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

chap03-CSS样式表.pdf

上传人:wxc6688 2022/7/29 文件大小:587 KB

下载得到文件列表

chap03-CSS样式表.pdf

相关文档

文档介绍

文档介绍:: .
● 减少重复的代码的编写。
● 增加网页的浏览速度。
● 减少硬盘容量。
CSS 的种类
CSS 按其在 HTML 文档中的位置可以分为三种:
(1) 内嵌样式表
内嵌样式表的 CSS 是写在 HTML 标签里面的,只对当前的标签起作用。例如:
<td align="right" style="WIDTH: 84px">
以上代码中 style 就是样式表的定义,表示表格一列的宽度为 84px。
(2) 内部样式表
内部样式表是写在 HTML 的<head>和</head>里面,由<style>和</style>标记,内部样式
表只对所在的网页有效。例如:
这段代码是一个完整的 HTML 文件,在标记<head>和</head>之间的<style>和</style>
标记内定义了样式表,该样式表定义了树展开和收起的样式。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<html>
<head>
<title>树状菜单的简单实现</title>
<script language="JavaScript" type="text/javascript">
<!--
function toggle(_dt){
var _dl=;

if(=="collapse")="expand";
else ="collapse";
}
//-->
</script>
<style type="text/css">
<!--
dl dt { cursor:pointer;padding:3px;}dl dd { padding:3px;}
.expand { height:auto;}
.collapse { height:20px;overflow:hidden;}
-->
</style>
</head>
<body>
<dl>
<dt onclick="toggle(this)">根结点</dt>
<dd>子结点 1</dd>
<dd>子结点 2</dd>
<dd>子结点 3</dd>
<dd>子结点 4</dd>
</dl>
</body>
</html>
(3) 外部样式表
为了能够让很多页面共享同样的样式表, 的
文件里,然后在每个需要使用该样式表的页面添加对该样式表文件的引用。例如:
这段代码是一个 HTML 文档的片段,在其中引用了 样式表文件。
<html xmlns="" >
<head runat="server">
<title>客户资料</title>
<link href="../CSS/" ty