CSS是一门语言,用于控制网页表现(层叠样式表)
一.CSS导入方式
三种导入方式简单介绍
内联样式: 在标签内部使用style属性,属性值是css属性键值对
内部样式: 定义<style>标签,在内部定义css样式
外部样式: 定义link标签,引入为外部css文件
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS导入HTML</title>
<!--第二种: 内部样式-->
<style>
span{
color:blue;
}
</style>
<!--第三种: 外部样式-->
<link rel="stylesheet" href="../css/demo.css">
</head>
<body>
<!--第一种: 内联样式-->
<div style="color:red">Hello CSS</div>
<span>Hello CSS</span>
<p>Hello CSS</p>
</body>
</html>
p{
color: green;
}
效果展示