CSS：Cascading Style Sheet 层叠级联样式表

CSS的优势：

1.内容和表现分离

2.网页结构表现统一，可以实现复用

3.样式十分的丰富

4.建议使用独立于html的css文件

5.容易被搜索引擎收录

CSS的导入方式：

1. 行内、内部的style属性

2. 外部样式的两种写法    

<!--外部样式-->
<link rel = "stylesheet" href = "css/style.css">

<!--导入式-->
<style>
    @import url("css/style.css");
</style>

CSS中的选择器

 id选择器>类选择器>标签选择器

id选择器：全局唯一的id #id名{ }

类选择器：可以给标签内的class赋值 .类名，并不是唯一的，所有class属性一致的标签

标签选择器：选择-类标签 标签{ }

层次选择器

1.后代选择器:在某个元素的后面

body p{
    background:red;
}

2.子选择器：一代：儿子

body>p{
    background:#3cbda7;
}

3.相邻兄弟选择器：同辈 只有一个，相邻（向下）

4.通用选择器：当前选中元素的向下的所有兄弟元素