您的位置：首页 > Web前端 > CSS

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

2015-08-29 13:58 567 查看

在编写网页文档时，为了便于维护，很多时候会将样式定义单独放置在样式表中，要在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>

<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比较简单，色彩没有调好，后续改进。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航