电脑报电子版 -- 〈style〉标记应用一例

当前位置：电脑报电子版 > 1999 年 > 37 期 > 大众网络 > 〈style〉标记应用一例

《〈style〉标记应用一例》

　　在你刚开始编网页时，还记得在〈HEAD>〈/HEAD>之间加过些什么吗？大概只有一个关于〈TITLE>的说明吧！其实在这两个“脑袋”之间还有很多小秘密呢！这里我只说说〈style>。请看下面的例子：
　　〈head>
　　〈style>
　　〈!－－
　　td{font－size:12px; line－height=16px;}
　　body{font－size:12px; line－height=16px;}
　　 A:link {text－decoration: none; color: ″＃0000ff″}
　　 A:visited {text－decoration: none; color: ″＃ffffff″}
　　 A:active {text－decoration: none}
　　 A:hover {text－decoration: underline; color: ″＃009900″}
　　－－>
　　〈/style>
　　〈/head>
　　这里的〈style>、〈/style>是风格样式标签，作用是统一整个页面的风格。其中，代码td和body用来控制表格中和不在表格中的文字表现形式。font－size定义了文字大小，而line－height用于控制行距。以A开头的几句控制链接文字的风格：使其在链接、正在被点击过程和点击后都呈现不同的样式，更主要的是消除了链接文字的下划线，效果试试就知道啦。另外，在color后的颜色也可用black、blue、white限定词等来代替颜色的16进制码，例如可写成color:blue的形式。
(天津　雨　晨　请作者速与编辑部联系)

下载本期推荐软件

页首