css内控制说的是在外联的css文件中控制，这样方法的主要问题在于如何选中当前span，也就是平时所说的属性选择器。如果本身页面中存在很多的span那需要单独给想要添加样式的span添加一个class或者id（注：id具有唯一性），然后通过class或者id进行控制。代码如下：
HTML：
<span class="aa">aa</span><span id="bb">bb</span>
<span>cc</span>
CSS:
.aa{ color:red} /*aa显示为红色*/#bb{ color:blue} /*bb显示为蓝色*/
span标签是被用来组合文档中的行内元素。span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。
<span>在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。<span>本身没有任何属性。
<span>与<div>
<span>在CSS定义中属于一个行内元素，而<div>是块级元素，我们可能通俗地理解为<div>为大容器，大容器当然可以放一个小容器了,<span>就是小容器。
有个小窍门 你把<span>[2009-3-5]</span>放在文字前面就可以了 哈哈 给我好评吧<ul class="newsright">
<li><a href='newsshow.aspx?id=1' title=''><span>[2009-3-5]</span>晨会制度将于6月1日起在全公司..</a></li>
<li><a href='newsshow.aspx?id=3' title=''><span>[2010-9-20]</span>关爱生命、关爱健康</a></li>
<li><a href='newsshow.aspx?id=4' title=''><span>[2010-9-20]</span>我司员工参加宁波保税区企业职工..</a></li>
<li><a href='newsshow.aspx?id=5' title=''><span>[2010-9-20]</span>甘肃省金昌市高副市长一行来我司..</a></li>
<li><a href='newsshow.aspx?id=6' title=''><span>[2010-9-20]</span>我司员工参加宁波第二届职工科技..</a></li>
<li><a href='newsshow.aspx?id=7' title=''><span>[2010-9-20]</span>宁职院—龙星物流第十三期轮岗实..</a></li>
<li><a href='newsshow.aspx?id=8' title=''><span>[2010-9-20]</span>北仑职业高级中学第二期顶岗实训..</a></li>
<li><a href='newsshow.aspx?id=9' title=''><span>[2010-9-20]</span>北仑职业高级中学第二期顶岗实训..</a></li>
</ul>
