方式有三种：1.外联式 2.嵌入式 3.内联式

1.使用方法：在HTML文件中的head标签中加入<link rel="stylesheet" type="text/css" href="css文件路径" >

然后在对应的css文件中加入代码，如：span{color:blue；}或其他选择器。

2.使用方法：在HTML文件中的head标签中加入<style type="text/css"></style>中加入代码，如：span{color:blue；}或其他选择器。

3.使用方法：…………在对应标签中添加css样式，如：<span style="color:#F00;"></span>。

这三种方式有优先级的，通常情况下：3>2>1;但是当这三种方式的其中一种代码中加入了："!important"，那它的优先级最高。不过最好不用它。优先级的用处就是：谁的优先级高，浏览器就先加载谁！

或者在css文件中敲入：

span{

color：#FF0000;

}

<style>
span {
    color:blue;
}
</style>

<style type="text/css">

    p span{

        color:red;

}

</style>

<style>

span{

background-color:green;

color:red;

}

</style>

是想设置span中文字的颜色吗？

<style>

span{

    color: red;

}

</style>

自己挑喜欢的颜色，这只是举个例子，用了红色