0070.htm

来自「新时代软件教程:操作系统主页制作服务器设计软件网络技术编程语言文字编」· HTM 代码 · 共 36 行

HTM

36 行

<html>

<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1  {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
    <p align="center"><big><strong>什么是层叠样式表</strong></big></p>

<div align="right">---（文/秋实）</div>

        　　网海茫茫，怎样使自己的网页成为一道亮丽的风景线让人过目不忘？怎样使自己的网页的风格独特一致？怎样免除众多HTML标志属性设置的烦恼？一口气说这么多，只是想说，CSS---层叠样式单可以助你一臂之力！<br>
        　　CSS即Cascading Style Sheet(级联样式单)的缩写，我们又常称这为风格样式单Style 
        Sheet，顾名思义，是用来进行网页风格设计的。比如，我想让我的链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。 
        <br>
        　　在谈样式表前，我想先谈一下HTML标志与标志属性。<br>
        　　如果你学了网页陶吧的HMTL教程，对HTML标志应该有一个大体的了解，它是网页的信息表示标示符号，也是构成网页的基本元素，或说是基本成员吧。每个标志表示了某种信息的表示，如&lt;P&gt;标志表示一个段落，&lt;h1&gt;表示一个大标题，&lt;table&gt;表示一个表格....，标志只是表明要表示的信息是什么，而同样的信息可能要求显现给人的样子不一样，如同是标题，一个是&lt;h2&gt;你好&lt;/h2&gt;,一个是&lt;h2&gt;欢迎你来网页陶吧&lt;/h2&gt;，我想使前一个呈现出蓝色，另一个是红色，效果如下: 
        <h2>　　　　<font color="#0000ff">你好</font>　　　　　　　　　　　</h2>
        <h2><font color="#ff0033">　　　网页陶吧欢迎你</font></h2>
        <p>这就要用到标志的属性，标志属性其实也就是标志的特性，由于HTML中的绝大部分标志是用来显示相关信息的，所以标志属性也多集中于标志的字体、颜色、位置、大小及排版格式等外观特性上。如果你对Windows平台下编程熟悉的话，那么对“对象”这个概念一定不陌生，在HTML中，HTML对象也就是这些代表某种信息类型的标志，而对象的属性也就是标志属性。有人称HTML为语言，我想除了它是网上信息表示的特殊语言符号外，还因为有了标志对象及标志属性，可以通过脚本语言进行程序控制，所以又有程序语言的一面。当然，你不一定要对Window下编程很熟悉，只是你想深入脚本语言进行编程的话，那么就必须熟悉这些属性。<br>
        　　为什么称样式单为层叠的呢？在你还没有对它有一个较全面的了解前，可打一个不很准确的比喻：如我们评价一个人，需要听取大家的意见再汇总，有人说，这个人诚实，有的说干事踏实，有的说很有责任心.....，这样通过这些意见的“层叠”，就可大体地知道这个人的品质；即使是同样的标志，也可以通过层叠使它们显示出不同的特性来，随着学习的深入，你会发现层叠的具体含义及一些妙用的。<br>
        　　下一节我们将讲怎样建立样式。 </p>

  </table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>

0070.htm - 源码说明

本页面展示了「新时代软件教程:操作系统主页制作服务器设计软件网络技术编程语言文字编辑」中的 0070.htm 源码文件，采用 HTM 编程语言编写，共 36 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与软件教程相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?