用嵌入式CSS设置

<style type="text/css">

.span1{

color:red;

}

.span2{

color:blue;

}

</style>

<p>内容<span1>内容</span1>内容<span2>内容</span2></p>

可以每一个span用一个定义

<span style="color:red;"></span>

<span style="font-size:10px;"></span>

span为html标签，再css里面可以直接定义，如<span>文本</span>

<style type="text/css">

span{color:blue;}

</style>

那么span标签里面的文本就会变成蓝色

如果有多个span可以定义class

如

<span calss="span">文本1</span>

<span calss="span">文本2</span>

<span calss="span">文本3</span>

<!--上面是html代码，下面是css代码-->

<style type="text/css">

.span{color:blue;}

</style>

那么三个span都会变成蓝色

可以使用类选择器

<span class="span1">内容</span>

在css中

.span1{

color:red;

}