css和html的四种结合方式

（1）在每个HTML标签上面都有一个属性 style，把css和HTML结合在一起　 　

我是一只小小鸟

　　（2）使用HTML的一个标签实现，标签：写在head里面

　　　　 
　　　　　　css代码;
　　　　

div {
background-color:red;
color:gray;
}

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

　　@import url(css文件路径);

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

　　　
　　　　@import url(div.css);
　　

　　（4）使用头标签link，引入外部css文件

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

　- 

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

　　*** 优先级（一般情况）

　　　　由上到下，由外到内，优先级由低到高

　　　　*** 后加载的优先级高

　　　　*** 格式 选择器名称 {属性名:属性值; 属性名:属性值; ......}

　　完整代码：

    
 
 
     div {
  background-color:gray;
  color:white;
     }
 
    
    
 我是一只小小鸟
 
 愿有岁月可回首，且以深情共白头！
    



    
 
 
     @import url(div.css);
 
    
    
 愿有岁月可回首，且以深情共白头！
    










    愿有岁月可回首，且以深情共白头！

总结

以上所述是小编给大家介绍的css和html的四种结合方式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！