第一种：
Inline css 写法： style{属性：属性值，－－－}
例： 定制标签<hr>的样式 <h1
style{color:blue,font-style:italic}>h1文字</h1>
第二种：
File css 写法：在html里面的head区编写,<style></style>
例： <style type="text/css" media="screen,print">
<!--
h1{color:blue,font-style:italic}
-->
</style>
这里说一下，type="text/css"，是一个统一资源文件类型描述，它告诉浏览器，这里是纯文本的，
里面的内容是css，http协议中，用这种方式来表达所有的文件类型，/前面表示文件类型，可以是
text、img、bin，/后面是该文件类型的文件格式，text对应有css、html，plain（无格式的）
等，img对应有jpg、gif、png等等。这个，好像，知道了也没什么大用，仅作了解。
media＝"screen,print"告诉浏览器，这个style用到屏幕输出和打印输出上，有的时候，打印机
打印的效果如果采用这个style的话，效果可能会很差，那么我们就可以编写另一个合适的style，
让它的media="print"。
<!--
-->大家都知道是注释，在这里把内容包括进去是为了让不支持这个style的浏览器跳过去。
一个页面包含了这个style后，所有的<h1></h1>标签内的文本都要受到这个style的影响。当然，
如果这个<h1></h1>标签已经用了第一种CSS，就以第一种为准。
第三种：
Extended CSS
写法：在一个扩展名为.css的文件中，写纯的CSS，没有其他的任何标签
列： <!--
h1{color:blue,font-style:italic}
-->
要使用外部的CSS，需要在html文件的<head>区用<link>标签引入。例如，
<link rel="stylesheet" href="***.css" type="text/css" media="all" >
第四种：
import css
写法：
在html里面的head区编写
<style type="text/css">
@import url(style.css);
</style>