1.行内样式
可以直接将css代码写到标签的开始标签中
<div style="background:yellow;"></div>
2.内嵌样式
可以在一对header标签中写上一对style标签，在其中书写css代码
<html>
<head>
<style>
..// 此处添加css代码
</style>
</head>
</html>
3.外链样式 ----> 企业开发一般都使用此样式
单独新建一个.css的文件，把css代码写入其中，然后通过link标签把这个文件和html文件关联起来
<link rel="stylesheet" href="style.css">
4.导入样式
单独新建一个.css的文件，把css代码写入其中，然后通过
<style>
@import "style.css";
</style>
把这个文件和html文件关联起来
外链样式 导入样式区别：
1.link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
2.link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
3.link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
4.link支持使用Javascript控制DOM去改变样式；而@import不支持。