导入嵌入样式
外部样式
<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" />