html中span怎么使用

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

语法：

<span>内容</span>

span标签使用说明

1）、在DIV+CSS切图布局重构技术中，除了常常使用div标签外也常常使用span标签布局

立即学习“前端免费学习笔记（深入）”；

2）、span本身没有什么特别之处，通常然后布局都可以使用此标签布局。

3）、他们也可以通过对span标签对象设置不同样式实现我们要的美化效果。

4）、特性：通常一对未设置任何样式的span，高宽是自适应内容，多容多少，此标签就占用多少距离空间。

span标签使用案例

<span>内容内容内容</span><span>只属于我们的世界</span>

span在html中常用的布局标签,与div标签区别在于，span随内容而占用高宽空间（紧贴内容），而一对div标签却占用一行

如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。

可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。

可以对同一个 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

推荐学习：html视频教程