导入嵌入样式

外部样式


<link rel="stylesheet" href="houdunren.css" type="text/css">

说明： rel: 定义当前文档与被链接文档之间的关系 href:外部样式文件 type: 文档类型

嵌入样式

<style>
    @import url("hdcms.css");
    body {
        background: red;
    }
</style1>

内联样式：

<h1 style="color:green;">houdunren.com</h1>

导入样式

@import "hd.css"
@import url("hd.css")

初始样式

有些标签默认含有内外边距，且不同浏览器大小也不一样。为了统一我们可以重置标签的CSS默认样式。

最简单的方式就是使用插件css-reset **(opens new window)**完成，你也可以在vscode等编辑器中定义代码片段。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" />

# 导入嵌入样式