1.使用div标签的style属性
<div style="background-color:red;color=gray">演示css与html的结合方式</div>
注意:属性和属性值之间用冒号分开,属性和属性之间用分号分开
2.使用html的style标签,将该标签写在head里面
<style type="text/css">
div{
background-color:black;
color:red;
}
</style>
3.在style标签里使用语句@import url( css文件的路径)
<head>
<title>html示例</title>
<style type="text/css">
@import url(div.css);
</style>
</head>
4.使用头标签link,引入外部css文件
第一步,创建一个css文件
<link rel="stylesheet" type="text/css" href="css文件的路径">
5.css代码的优先级
从上到下,从外到内优先级依次升高。也就是说后加载的优先级会比较高(一般情况下是这样)