一、css简介
css---层叠样式表（Cascading Style Sheets）
二、css特点
css实现了结构与表现相分离
三、样式表的创建
内联样式（行间样式，行内样式）、内部样式（嵌入式样式）、外部样式
1.内联样式
通过style属性直接将样式写在标签上
<h1 style="color:red;">内联样式</h1>
2.内部样式
<style type="text/css">
css样式...
</style>
注：style标签一般放置在head部分
添加type="text/css"是为了让浏览器能够正确解析style标签之间的内容为css样式
3.外部样式
（a）使用link标签引入外部样式
<link rel="stylesheet" type="text/css" href="css文件路径"/>
注：在引入外部样式之前先要创建一个css文件
rel的作用：告知浏览器引入的外部文件与当前文件的关系
rel="stylesheet" 引入的css文件主要是用来给本文件设置样式的
（b）使用@import的方式引入css文件
@import "css文件路径";
注：@import主要是在css文件中引入其他的css文件
@import必须放置在本页面样式之前
link和@import的区别
(1)link是html标签，属于html范畴，还可以加载其他文件，@import属于css的范畴，只能加载css文件
(2)link加载的css文件与页面同时加载，@import加载的css文件在页面加载完成后开始加载
(3)link标签所有浏览器都支持，@import低版本浏览器不支持
(4)link标签支持js操作DOM样式，@import不支持
五、css基础语法
css由选择符和声明两大部分组成，声明又由属性和属性值两部分组成。
选择符{ 属性:属性值; 属性:属性值;}
eg: h1{
color:red;
background:blue;
}
注：在css样式中，属性和属性值之间用冒号连接，一条声明结束，要加分号
推荐一条声明占一行
六、css注释
/* 注释内容 */
七、css选择符（选择器）
1.id选择器
语法： <标记 id="id名"></标记>
#id名{属性:属性值;}
eg: <h1 id="edu">id选择器</h1>
#edu{color:red;}
注：id名是唯一的，不能出现同名的id
id名命名不允许使用中文或数字，要语义化命名，常见命名方法：驼峰命名法，中划线链接命名法 （main_left,conTit）
2.类选择器（class选择器）
语法： <标记 class="class名"></标记>
.class名{属性:属性值;}
eg: <a href="#" class="nav">首页</a> <a href="#" class="nav">首页</a>
.nav{color:black;}
注：可以有相同的类名，class选择器在网页布局中使用频率很高
命名规范同id名
当多个标签具有相同的样式时，可以使用class选择器
注：类名词列表
<div class="box focus"></div>
.focus{color:red;}
当一个元素即具有和其他元素相同的样式，并且有自身特殊的样式时，使用类名词列表的方法
3.元素选择符（标签选择器）
语法： 标记名{属性:属性值;}
eg: a{text-decoration:none;}
注：如果想改变某个元素的默认样式时，可以使用类型选择符（元素选择符）
4.后代选择器（包含选择器）
语法： 选择符1 选择符2{属性:属性值;}
eg: <div class="box">
<a href="#">登录</a>
</div>
.box a{color:red;}