html怎么给span添加颜色-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

html给span添加颜色的方法：1、在对应的css文件中加入代码如“span{color:blue;}”或其他选择器；2、在head标签中加入代码如“span{color:blue;}”；3、在对应标签中添加css样式。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑

设置span中的颜色

1	`<span></span>`

方式有三种：

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"，那它的优先级最高。不过最好不用它。优先级的用处就是：谁的优先级高，浏览器就先加载谁！

推荐学习：《HTML视频教程》

以上就是html怎么给span添加颜色的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者