1. span设置字体样式
HTMLCODE：<spanid="span">1111<b>张</b></span>var span = document.getElementById("span");if(span){ var text = span.innerHTML; text+="aaaaaaaaa<a href='#'>click</a>"; span.innerHTML = text;}
2. span格式
html中span是一种用于对文档中的行内元素进行组合的标签；
<span>标签没有固定的格式表现，当对它应用样式时，它才会产生视觉上的变化；如果不对<span>应用样式，那么<span>元素中的文本与其他文本不会任何视觉上的差异。
<span> 用于对文档中的行内元素进行组合。
3. 设置span字体大小
span 和label类似是文字标签不是浮层，默认宽度就文字那么宽所以你设置文字居右没有效果，让span漂浮可以达到你的效果吧，float:right
4. span字体颜色设置
<跨度>将允许您对文本进行样式,但不会添加语义内容.
当您强调某些文字时,您可以将文字包含在< em>< / em>并使用CSS来更改< em>的颜色.元件.例如：
CSS
标记
事实上,我会努力避免< span>元素,因为它不会渲染您的样式表(机器人,屏幕阅读器,禁用样式,解析器等的luddites)或以意想不到的方式呈现(个人样式表)的所有内容完全没有意义.在许多方面,它并不比使用< font>元件.
5. span默认样式
1、创建一个test.html文件。
2、在文件内，在p标签内，使用span标签创建一行文字。
3、定义一个类名为test的样式，设置宽度300px，高度50px，背景颜色为红色，同时设置display属性为block。
4、创建一个button按钮，用于触发执行js函数。
5、在js标签内，创建函数，在函数内，通过元素名称获得span对象，使用addClass（）方法给span对象添加class属性，设置class属性为test
6. span标签字体
html中插入字的标签是span标签，使用如下
<span>插入文字标签</span>
7. span怎么设置字体大小
方法一、直接使用font标签：123
方法二、使用p标签
123
方法三、使用span标签最后，方法2、3上面，都可以将内联style改为class引用样式的方式，如下：扩展资料：字体设置的属性，除了颜色之外，还有字体大小，字体加粗，字体类型等。比如：字体大小：font-size:12px；//表示字体大小设置为12px,浏览器默认字体大小就是12px字体加粗：font-weight:bold;字体类型:font-family:微软雅黑,宋体, 'New York';// font-family翻译为中文是“字体家族”，就是告诉浏览器，优先使用哪一种字体，谁排在最前面，就先使用这种字体，这里是“微软雅黑”；
8. span标签字体设置
HTML常用标签有列表形快速布局、标题型、独立内容、段落标签
1.列表形快速布局
当我们想要列表型布局网站的时候，这时候我们就要使用ul和li标签，一些文章的列表和栏目的列表，都是可以使用ul和li标签布局，当然我们也要配合css去实现效果，可以实现循环的效果。
2.标题型
我们在做网站的时候，总会遇到文章的标题，不同的程序员会使用不同的标签去实现，有人习惯用h1，有人习惯用h2，h1和h2两种标签效果也是不一样的。
3.独立内容
在内容中，如果我们想把几个文字单独设置颜色，这时候我们就可以需要span标签，对字体单独设置样式。
4.段落标签
段落的标签我们可以使用p标签，在段落的开始加一个<p>,就可以实现段落的分明。
9. span样式设置文字位置
网页设计时将图片和文字位于同一水平方法：
一、不要给文字标签加属性。给img{vertical-align: middle;}一个属性即可。
二、img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 内边距，外边据均可，最好是内边距。
三、给文字加个标签（例如span），同时控制这两个标签浮动。并给文字加行高，其值为图片高度值。
