外部样式
外部样式(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>