一、什么是CSS？

• Cascading Style Sheets
• 用来定义页面元素的样式
  • 设置字体的颜色和大小等
  • 设置位置和大小
  • 添加都动画效果

二、基本语法

标签名{添加的格式，键基对的格式 选择器类型：属性值;}

h1{
 color: white;
 font-size: 14px;
 } 

三、使用CSS的三种方法

1. 外链式

-  `<link rel="stylesheet" href="css文件路径"> `

特点

-  将所有格式都放到一个文件中，可重复使用  

2. 嵌入式

    <style>`
     li {margin: 0;list-style: none;}
     p {margin: lem 0;}
    </style>`

特点

-  直接在html页面中编写，定制专属的页面格式

3. 内联式

 <p style="margin: iem 0"> Example Content </p>

特点

- 适用于特定的标签，设置不同样式

可根据自己编写需求选择合适的方法

四、各种选择器

类选择器: 通过设置class名来进行选择

属性选择器：通过属性来进行选择

id选择器： 通过设置唯一的id来进行选择

通配选择器：用*表示剩下的标签

伪类（pseudo-classes):

不基于标签和属性定位元素
几种伪类：状态伪类  结构性伪类

a : link{color: red;} // 默认状态
a: visited{ color:gray;} // 访问过的状态下
a:hover{color: black;} // 鼠标移动到这个标签上，就变色
a:active(color:orange;}// 鼠标点击
:focus{ outline:2 px solid orange;}// 焦点