html中使用css的四种方法

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文件中