什么是CSS？
CSS是一门语言，用于控制网页表现
CSS（Cascading Style Sheet）：层叠样式表
W3C标准：网页主要由三部分组成
- 结构：HTML
- 表现：CSS
- 行为：JavaScript
CSS导入方式
CSS导入HTML有三种方式：
1.内联样式：在标签内部使用style属性，属性值是css属性键值对
2.内部样式：定义<style>标签，在标签内定义css样式
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:deeppink">Hello CSS</div>
<span>Hello CSS</span>
<p>Hello CSS</p>
</body>
</html>CSS选择器
概念：选择器是选取设置样式的元素（标签）
分类：
1.元素选择器
2.id选择器
3.类选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
color:red;
}
#name{
color:blue;
}
.cls{
color:hotpink;
}
</style>
</head>
<body>
<div>div1</div>
<div id="name">div2</div>
<div class="cls">div3</div>
<span class="cls">span</span>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
