引入css的四種方式

1.內聯式引用：直接用在標簽上，但維護成本高

style='font-size:16px;color:#000000'

2.外部連接式引用：css代碼與html代碼分離，便於代碼重覆使用

<link href="css/style.css" type="text/css" rel="stylesheet" />

style.css文件內容如右：

.font{color:blue;font-size:12px;}

3.內部式引用：頁面較為清晰，但不能被別的頁面使用

<style type='text/css'>
    .font{color:blue;font-size:12px;}
</style>

4.外部導入式：可以在一個HTML文件中導入多個樣式表。類似於外部鏈接式引用
    在HTML文件中head標簽中加入

<style type='text/css'>
    @import url('./style/style.css');
</style>