1、内联式样式表
在标签中添加style属性,如:<p style="color:red" >红色文字</p>
2、嵌入式样式表
head标签中添加style标签,如:
<style type="text/css">
<!--
body {color:red}
-->
</style>
其中:<!-- -->表示当浏览器不支持样式表时,样式内容不会显示(即样式不起作用)。
3、外部链接式
将样式写入一个单独的.css文件中,在要引入的样式的head标签中,添加link标签,如
<link href="style.css" rel="stylesheet" type="text/css"></link>
4、导入式样式表
将样式写入一个单独的.css文件中,在要引入的样式的head标签中,添加style标签,如
<style type="text/css">
@import url("style.css")
</style>
备注:(1)导入式会将代码合并到html标签,即导入式会占用html空间。
(2)部分浏览器解析会有问题,部分浏览器先读取html,后import样式。
(3)可以在css文件中import另外的css文件中