一、内联式样式表
直接在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>(不推荐使用).