目录
1.行内样式
行内样式又叫做标签样式,它是在标签里面加上style属性
代码
<body>
<h1>睡觉</h1>
<h2 style=“color:red;”>123</h2>
</body>
2.内嵌样式
样式写在style标签里面(style标签在head标签内)
代码
<head>
<meta charset="UTF-8">
<title>css样式</title>
<style type="text/css">
h2{
color: blue;
text-align: center;
}
</style>
</head>
<body>
</body>
3.外链样式
第一步:新建一个.css的文件,专门写css样式
第二步:head标签内写入link标签 (link标签可以存在在body标签内,但是不推荐使用)
第三步:link 里href属性 将css文件引入 (路径(绝对路径和相对路径))
代码
<head>
<meta charset="UTF-8">
<title>document</title>
<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>
</body>
4.导入样式
代码
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
@import url("1.css");
</style>
</head>
<body>
</body>
特点:把@import放在style标签中
5.四种样式的优先级
行内样式>内嵌样式>外链样式>导入样式