版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/z_x_Qiang/article/details/82391393
1.内部样式表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--这种属于内部样式表: 在html5中 type="text/css" 是可以省略的-->
<style type="text/css">
div{
color: red;
}
</style>
</head>
<body>
<div>内部样式表</div>
</body>
</html>
2.内联样式表
<body>
<!--内联样式表 -->
<div style="color: red;">内联样式表</div>
</body>
3.外部样式表
3.1新建一个.css文件,直接在文件中写样式就可以了
h1{
color: royalblue;
font-size: 50px;
background: red;
}
3.2通过link标签将html和css文件关联起来
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/style.css" style="text/css" />
</head>
<body>
<h1>外部样式表</h1>
</body>
</html>