一：什么是CSS

Cascading Style Sheet 层叠级联样式表

CSS：表现（⽹页）

字体，颜⾊，边距，⾼度，宽度，背景图⽚，⽹页定位，⽹页浮动…

二：CSS的好处

1、内容和表现分离

2、⽹页结构表现统⼀，可以实现复⽤

3、样式⼗分的丰富

4、建议使⽤独⽴于html的css⽂件

5、利⽤SEO，容易被搜索引擎收录！

三：CSS的导入方式

1.4 CSS的3种导⼊⽅式

优先级顺序：就近原则

拓展：外部样式俩种写法

链接式：

<link rel="stylesheet"href="css/style.css">

导⼊式

<style>

@import url("css/ne.css");

</style>

四：选择器

选择器分为 基础选择器 和 复合选择器 两大类
基础选择器是由单个选择器组成的
基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器

五、基础选择器

标签选择器

标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指绽定统一的CSS样式。
作用:标签选择器可以把某一类标签全部选择出来，比如所有的<div>标签和所有的<span>标签。
优点:能快速为页面中同类型的标签统一设置样式。
不能设计差异化样式，只能选择全部的当前标签

标签名 {
	属性1: 属性值;
	属性2: 属性值;
	属性3: 属性值;
	...
}

类选择器

.red {
            color: red;
        }
 <ul>
            <li class="red">标签</li>
            <li>web标准</li>
        </ul>

不能用标签做类名
可以用短横线 - 命名
不要用纯数字，中文等命名

多类名

.setred {
            color: red;
        }
        .font-size {
            font-size: 40px;
        }
<h1 class="setred font-size">红色，40像素字体大小</h1>//类与类之间空格空开即可

id选择器

#id名 {
	属性1: 属性值;
	属性2: 属性值;
	属性3: 属性值;
	...
}

与类的区别：样式是通过#来定义的，结构通过id调用，只能调用1次，别人无法使用！
id经常与JavaScript搭配使用

通配符选择器

选取页面中所有的元素（标签）

* {
 	color: red;
 }