css和html的四種結合方式

css和html的結合方式（四種結合方式）

（1）在每個html標籤上面都有一個屬性 style，把css和html結合在一起
- <div style="background-color:red;color:green;">

（2）使用html的一個標籤實現 <style>標籤，寫在head裡面
* <style type="text/css">
    css程式碼;
  </style>
* <style type="text/css">    
    div {
        background-color:blue;
        color: red;
    }        
  </style>

（3）在style標籤裡面 使用語句（在某些瀏覽器下不起作用）---這種方式可以忽略了
  @import url(css檔案的路徑);

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

（4）使用頭標籤 link，引入外部css檔案，一般使用第四種方式
- <link rel="stylesheet" type="text/css" href="css檔案的路徑" />
----------------------------------------------------------------------------------
注意事項：

*** 第三種結合方式，缺點：在某些瀏覽器下不起作用，一般使用第四種方式

*** 優先順序（一般情況）由上到下，由外到內，它的優先順序由低到高的。

*** 後載入的優先順序高

*** 格式  選擇器名稱 { 屬性名：屬性值；屬性名：屬性值；…….}