内联样式
在html标签内使用属性style,style属性可以包含任何css属性。直观但不利于维护,不推荐
<p style=" font-size: medium;"> css内联样式</p>
内部样式
在html文件头部声明样式,是这个HTML文件都可以使用,但是不能作用于其他HTML文件
<head>
<title>Document</title>
<style>
p {
color: red;
font-size: medium;
}
</style>
</head>
<body>
<p> css内部样式</p>
</body>
</html>
外部样式
在HTML文件的头部通过<link>
标签引用外部的css样式文件,易维护。
# html文件标签:文件,HTML,方式,样式,html,css,引入,CSS From: https://www.cnblogs.com/yjh1995/p/17515107.html
<head>
<link rel="stylesheet" href="./public.css">
</head>
<body>
<p>css外部引用</p>
</body>
</html>
# css文件
p {
color: red;
font-size: 20px;
}