CSS了解

一、CSS

• CSS是一门语言，用于控制网页表现。
• CSS：层叠样式表。
• CSS与HTML结合使用，CSS控制HTML结构的表现。

二、CSS导入方式

CSS导入HTML有三种方式：

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

<div style="color: red">Hello CSS~</div>

2. 内部样式：定义<style>标签，在标签内部定义CSS样式。

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

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

<link rel="stylesheet" href="demo.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 css</div>

四、CSS属性

https://www.w3school.com.cn