第一種：
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>