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" />
样式优先级:由上到下,由外到内。