CSS
一 CSS导入方式
点击查看代码
1.内联 在标签内部使用style属性，属性值是css属性键值对
2.内部 定义<style>标签 在内部定义
3.外部 定义link标签 引入外部CSS文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
span{
color: red;
}
</style>
<link href="../css/demo.css" rel="stylesheet">
</head>
<body>
<div style="color: red">hello css</div>
<span>hello css </span>
<p>hello css</p>
</body>
</html>
点击查看代码
1. 元素选择器
元素名{color:red;} div{color: red;}
2. id选择器
#id属性名{color:red;}
#name{color: red;}
<div id="name">hello css2</div>
3. .class选择器
.class属性值{color: red;}
.cls{color: red;}
<div class="cls"> hello css3</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
color: red;
}
#name{
color: blue;
}
.cls{
color: pink;
}
</style>
</head>
<body>
<div>div1</div>
<div id="name">div2</div>
<div class="cls">div3</div>
<span class="cls">span</span>
</body>
</html>
