一、开始学习CSS
1、认识CSS样式
CSS全称为“层叠样式表 (Cascading Style Sheets)，用于定义HTML内容在浏览器内的显示样式。
2、语法
css 样式由选择符和声明组成，而声明又由属性和值组成。大括号内是声明。
语法：
选择符{属性:值;}
3、注释
Html中使用``````
CSS中使用/*注释语句*/
二、CSS样式
CSS样式：按样式代码插入形式分为三种。
1、内联式：css代码写在html标签里
<p style="color:red;font-size:12px">红色12号字</p>
2、嵌入式：css代码一般写在<head>标签中，必须写在<style>标签中。
<style type="text/css">
span{
color:red;
}
</style>
3、外部式（外联式）：css代码写在单独一个以.css为扩展名的外部文件中，在<head>标签内，不在<style>内，用<link>链接
<link href="a.css" rel="stylesheet" type="text/css" />
外部文件要以有意义的英文命名，rel type是固定写法不能修改
4、三种样式优先级
在三种样式有相同权值的情况下，就近原则，离被设置元素越近优先级越高。
三、CSS选择器
选择器也就是选择符
选择器{
样式;
}
1、标签选择器
html中的标签，如<html><body><h1><p><img>等
2、类选择器
最常用
语法：
.类选择器名称{css样式代码;}
给选择器起名时要以英文命名
步骤：
<span>哈喽</span> <span class="stress">哈喽</span> .stress{color:red;}
3、ID选择器
步骤：
<span id="stress">哈喽</span>
#stress{color:red;}
总结：
类选择器和ID选择器都可用于任何元素，
但ID选择器在文档中只能用1次，类选择器可以
用多次，可以为一个元素同时设置多个样式。
4、子选择器
选择指定标签的第一代子元素
语法：
.food>li{border:1px solid red;}
这段代码意思为：使class名下为food的子元素li加入红色实线边框
5、包含（后代）选择器
选择指定标签下的所有后辈元素
语法：
.first span{color:red;}
6、通用选择器
功能最强大，能匹配网页中所有标签元素
语法：
*{color:red;}
7、伪类选择器
可以给网页中不存在的标签（如鼠标滑过的状态）设置样式
语法:
a:hover{color:red;}
代码意思为：让a标签鼠标滑过时字体变红
8、分组选择器
可以为多个标签设置同一样式
语法：
h1,span{color:red;}
相当于：
h1{color:red;}
span{color:red;}
