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文件的路径" />
----------------------------------------------------------------------------------
注意事项：

*** 第三种结合方式，缺点：在某些浏览器下不起作用，一般使用第四种方式

*** 优先级（一般情况）由上到下，由外到内，它的优先级由低到高的。

*** 后加载的优先级高

*** 格式  选择器名称 { 属性名：属性值；属性名：属性值；…….}