html样式分为外部样式,内部样式和内联样式。
<style> 定义一个样式
<link> 引用样式资源
rel="stylesheet" 标明是外部样式表
type="text/css" 引入的文档的类型
代码示意图:
源码:
引用到的外部样式表文件:mystyle.css
h1{color: red;
}
主文件:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
body{
background-color: darkgray;
}
p{
color: darkred;
margin: 40px;
}
</style>
</head>
<body>
<h1>外部样式</h1>
<p>内部样式</p>
<a style="color: orangered; margin: 10px">内联样式</a>
</body>
</html>
效果图: