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

最新推荐文章于 2024-03-29 03:55:46 发布

做好一件事

最新推荐文章于 2024-03-29 03:55:46 发布

阅读量4.1k

点赞数

分类专栏： Web前端文章标签： html

本文链接：https://blog.csdn.net/u010020308/article/details/48086935

版权

Web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在编写网页文档时，为了便于维护，很多时候会将样式定义单独放置在样式表中，要在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比较简单，色彩没有调好，后续改进。