|
主题设置

卡片式面板通常用于非白色背景色的主体内

外部样式

外部样式(External Style)是一种将样式规则定义在单独的 CSS 文件中,然后通过链接(link)方式引入到 HTML 文件中的方法。通过外部样式表,可以实现在多个 HTML 文件中重复使用相同的样式规则,从而实现样式和内容的分离。

笔记内容

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>外部样式</title>

		<!-- 使用 外部样式(权重最低) 有两种方法 -->

		<!-- 第一种:引入外部样式 -->
		<link rel="stylesheet" href="externalCss.css">

		<!-- 第二种:导入外部样式 -->
		<style type="text/css">
			@import "externalCss.css";	/* 也可以这样:@import url("externalCss.css"); */
		</style>
	</head>
	<body>

		<p>我是外部样式,我对所有引用我的文档都有效</p>
		<p>我是外部样式,我对所有引用我的文档都有效</p>

	</body>
</html>