一:内嵌式

<style>

     css代码

</style>

1:样式和结构没有完全分离   可维护性较好
2:只能影响当前页面

二:外联式

<link rel="stylesheet" href"=css 文件的路径>


1:样式和结构完全分离  可维护性最好

2:能影响任意使用到它的页面

<div style="width:200px;"></div>

1:样式和结构混合在一起  可维护性最低

2:只能影响当前标签