CSS快速入门

---

CSS导入方式

1. 内联样式：在标签内部使用style属性，属性值是css属性键值对

<div style="color:red">HELLO CSS</div>

2. 内部样式：定义

<style type="text/css">
	div{
		color:red;
	}
</style>

3. 外部样式：定义link标签，引入外部css文件

<link rel="stylesheet href="demo.css">

外部css文件
.demo.css

div{
	color：red；
}

---

CSS选择器

概念：选择器是选取需设置样式的元素（标签）

div{
	color:red;
}

选择器有三种分类

1.元素选择器

元素名称{color:red;}

div{color:red;}

2.id选择器

#id属性值{color:red;}

#name{color:red;}
<div id="name">hello css</div>

3.类选择器

.class属性值{color:red;}

.cls{color:red;}
<div class="cls">hello css3</div>

---

CSS属性

用到什么就看文档，死记硬背是记不住的