一、内联式样式表
直接在HTML标签中使用style进行定义样式。如：<p style="color:red;">这里是红色文字</p>.
二、嵌入式样式表
使用<style></style>标签嵌入到HTML文件中的<head></head>标签内。（"<!-- -->"用来对样式进行注释）
三、外部链接式样式表
将样式写在一个单独的.css文件中，然后再在HTML页面的<head></head>标签内使用<link>标记进行调用它，这样实现内容和样式相分离。如：<link href=”main.css” rel=”stylesheet” type=”text/css”/>;
四、导入式样式表
导入式样式表与链接式样式表功能基本相同，只是语法和动作上略有不同，同样也将导入式样式代码写在<head></head>标签内。
语法：<style type=”text/css”>@import url("main.css")</style>(不推荐使用).