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 {      ///表示对下面的div进行样式设置
background-color:blue;
color: red;
}
</style>

（3）在style标签里面 使用语句（在某些浏览器下不起作用）

@import url(css文件的路径);

- 第一步，创建一个css文件

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

（4）使用头标签 link，引入外部css文件
- 第一步 ，创建一个css文件

- <link rel="stylesheet" type="text/css" href="css文件的路径" />

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


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