在HTML中使用CSS3.0
记住在css中利用 @charset 设置编码解决编码乱码的问题
CSS样式表可以非常良好的控制页面显示，分离网页内容和格式代码，它控制HTML标签的方式：行内样式、内嵌样式、外链样式和导入样式
行内样式
行内样式是所有CSS样式中，最简单，最直接，最粗暴的方法，它是直接将样式代码和HTML标签代码直接放在一起。
比如：
<p style="color: bisque;font-size: 200px">你好啊</p>
内嵌样式
内嵌样式，定义在head标签的style标签内部，这种写法在一定程度上来说满足了网页结构和表现分离，但是并没有做到完全分离。这种样式可以用来设置与该网页相关的一些全局样式设置。
比如：
<style>
/*
text-align: center;设置对齐方式，这里是居中对齐，取值：left right center
font-weight: bold;设置字重，这里是加粗，取值范围100-900
lighter为更细字体 ，nomal为400默认， bold为700加粗字体 ，boder为900更粗字体
font-family: "仿宋","黑体","楷体";设置字体类型，这里优先选择仿宋，没有继续往后面选择
font-size: 50px;设置字体大小，这里设置为50像素
*/
p {
color: aqua;
font-family: "仿宋","黑体","楷体";
font-size: 50px;
font-weight: bold;
text-align: center;
}
</style>
内嵌样式,如果不同的网页上，需要使用相同的样式时,就非常郁闷了! !
外链样式
外链样式,是所有样式中，使用最为频繁的,也是最为实用的一种方法。它可以非常良好的将“网页结构"和“样式”进行分离成两个文件或者多个文件。
外链样式，需要程序员在HTML页面之外定义一个新的CSS文件，后缀名为“.css”，然后在head标签中，是用link链接标签链接到网页中。
比如：
<!-- 外链css文件-->
<link type="text/css" rel="stylesheet" href="../css/index.css">
<!-- type="text/css" 指定外部链接的文件类型是层叠样式表-->
<!-- rel="stylesheet" 表示连接到样式表，其值为：stylesheet-->
<!-- href="../css/index.css" 表示指定层叠样式表的位置，此处最好使用相对位置-->
外链样式，最好的好处就是如果其他HTML文件也需要使用相司的样式的话，可以直接复用该CSS文件。
导入样式
导入样式和外链样式基本相同，也需要定义外部的CS5文件，然后在引入到HTML文件中，根据外链方式在引的语法上，和实际的运作上有所区别。导入样式是在HTML页面初始化时，会作为HTML的一部分，类似于内嵌。而外链方式,是在HTML初始化完成之后，需要表现风格显示的时候,才会引入。在<style>标签中利用@import引入。
例如：
<style>
@import "../css/index.css";
@import "../css/2018.css";
</style>
可以这样说:导入样式和外链方式相比,最大的特点就是可以一次性导入多个CSS文件。
优先级问题
HTML中引入CSS文件的方式很多，比如：行内样式、内嵌样式、外链样式、导入样式，那么当多种样式针对相同的标签进行表现修饰的时候，它的优先级应该遵循以下规则：
1、当行内样式与内嵌样式同时存在，以行内样式为准
2、当内嵌样式与外链样式同时存在
a）当外链样式定义在内嵌样式的上方，以内嵌样式为主
b）当外链样式定义在内嵌样式的下方，以外链样式为主
3、当外链样式与导入样式同时存在
a）当外链样式定义在导入样式的下方，以外链为主
b）当导入样式定义在外链样式的下方，以导入为主
综合起来说：行内样式最大，其他的样式均需要根据定义的位置而定，采用就近原则。说的直白点谁在下面就采用谁，因为谁在下面谁离用它的代码最近，因为代码的执行是从上至下。