html和css结合的方式

css将网页内容和显示样式进行了分离，提高了显示功能，扩展功能。

1.每个html标签都有一个style样式属性，属性的值就是css代码。

<div style="background-color:#00FF33; color:#000000">div区域</div>

2.使用style标签的方式，一般定义在head标签中。

<style>
div{
background-color:#CC3366;
color:#CCCC33
}
</style>

3.导入.css文件，一般定义在head标签中。

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

1.css文件中存放：

div{
background-color:#CC3366;
color:#CCCC33
}

4.html链接.css文件，一般定义在head标签中。

<link rel="stylesheet" href="1.css" type="text/css" />

样式优先级：由上到下，由外到内。