1.行内样式
把样式写在元素标记之间。
<p style="font-size:24px;color:#aaafff"> 用css控制页面样式的行内样式</p>
2.内嵌式
把样式写在head之间，并且用
<style></style>
包括起来。
<head><style> p{ font-size:24px; } </style></head>
3、链接式
链接式是使用频率最高，最为实用的方式。实现了html代码和css样式完全分离，前期美工和后期维护都十分方便，也有助于前端和后台开发人员同时进行。使用样式的时候才链接
<link href="demo.css" type="text/css" rel="stylesheet">
4、导入式
和链接式差不多，只是语法不一样。在html格式化的时候，导入式把css文件导入，作为html的一部分。效果类似于内嵌时。也可以在css文件里面导入其他的样式文件。
<style> <import url="demo.css"> </style>
优先级别（最高-》最低）：
行内样式——》链接式——》内嵌式——》a导入式。
设计网站的时候，最好使用1-2中方式，有助于后期的维护。防止样式撞车
