css引入方式：
css具有多种引入方式：
1、通过在开始标签内写style 属性 定义css 样式；（内联样式）；
内联样式定义css属性和值，它的优先级最高，相当于私人订制；
2、在head内通过style 元素定义css样式;（内嵌样式）
这种方式只在本html文档内有效，
3、通过引入外部css文件的方式引入css；（外联样式）
这种方式可以同时导入到多个html文档中同时使用，通过link标签导入；
4、在style元素内通过@import 关键字导入css样式，（导入方式）
用于从其他样式文件导入样式规则，@import url("使用绝对或相对地址指定导入的外部样式表文件。可以是url(url)或者直接是一个url");
示例代码：
1、内联样式示例代码：
<h1 style="color:red">css内联样式示例，内联css样式优先级最高</h1>
2、内嵌样式示例代码：
<head><style>h1 {color:red;}</style></head><body><h1>内嵌样式代码演示，内嵌样式css只在当前html文档中有效</h1></body>
3、通过引入外部css文件的方式引入css；（外联样式）
<head><link rel="stylesheet" href="外部css文件路径"/></head>
4、通过@import关键字导入css
<style>@import url("CssFileName.css");</style>
css选择器：
css有以下几种选择：
1、标签选择器；
语法：h1{属性：值；}
注释：h1：标签
*（星号），代表所有元素
2、类选择器：
语法：.top{属性：值；}
注释：top：类名
3、id选择器：
语法：#top{属性:值;}
注释：top :id名；id在同一个html页面中，具有唯一性，唯一性有开发者自己把控，
4、上下文选择器：
html是结构化文档，文档有父级、同级、后代；语法格式：父级 目标元素{声明块}；
5、结构伪类选择器：
1、结构伪类选择器，可以根据元素在文档中所处的位置，来动态选择元素，从而减少HTML文档对ID或类的依赖，有助于保持代码干净整洁。
2、:root 伪类：root，匹配文档树的根元素，：root表示<html>元素，优先级高；语法样式：:root { 样式属性 }譬如，:root{background:red} ，表示将页面背景色设置为红 色。声明全局CSS变量时 :root 很有用。3、 :empty 伪类:empty 伪类，代表没有子元素的元素。
4、nth-of-type(n)和:nth-last-of-type(n)选择器
:nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的特定类型的第n个子元素和倒数第n个子元素，
选择器示例代码：
1、标签选择器：
h1 {color:red;}<body><h1>h1标签</h1></body>
2、类选择器：
.top {border:1px solid red;}<body><div class="top">1像素实线边框</div></body>
3、id选择器：
#top {border:2px solid red;}<body><div id="top">2像素实线边框</div></body>
4、上下文选择器：
<style>ul li {color:red;}</style></head><body><ul><li>上下文选择器1</li><li>上下文选择器2</li><li>上下文选择器3</li><li>上下文选择器4</li><li>上下文选择器5</li></ul></body>
5、结构伪类选择器：
/* 选择奇数列 */ul :nth-of-type(odd){color:red;}/* 选择偶数列 */ul :nth-of-type(even){color: royalblue;background-color: seagreen;}</style></head><body><ul><li>上下文选择器1</li><li>上下文选择器2</li><li>上下文选择器3</li><li>上下文选择器4</li><li>上下文选择器5</li></ul></body>
