使用link标签导入外部样式表

来源：互联网发布：android软件编辑：程序博客网时间：2024/05/20 01:37

在编写网页文档时，为了便于维护，很多时候会将样式定义单独放置在样式表中，要在html中使用外部样式表，有几种方法，这里演示其中一种，使用link标签引入外部样式表。

首先构建网页骨架HTML：linkCSS.html

<!DOCTYPE HTML><html><head><title>CSS练习-导入外部样式表link</title><span style="color:#ff0000;"><link href="outer.css" rel="stylesheet" type="text/css" /></span></head><body><!-- 使用link标签导入外部样式表 --><table><tr><td>不要等待机会</td></tr><tr><td>自己创造机会</td></tr><tr><td>使用link标签导入外部样式表</td></tr></table></body></html>

然后进行装修：outer.css

table {background-color : #aaaaaa;width : 400px;border : 1px solid green;}td {font-family : "Consolas";font-size : 16px;border : 1px solid blue;}

运行结果：

demo比较简单，色彩没有调好，后续改进。

0 0