首先，让我们看看HTMLspan标签的类属性的含义。

Span在英语中的意思是span，但在网页制作中是一个完整的html标签。标签是span/span

Span标记用于组合文档中的内联元素。

类用于定义html中的标签样式，可以重用。它可以为不同的标签定义长度、宽度、高度和背景颜色等。

例如，spanclass='main'/span，其中main是由'.'定义的类名在css中

俯视发展：

这里有一个例子：

pspansometext。/span其他文本。/p

这个例子的解释如下：

如果没有样式应用于span，则span元素中的文本在视觉上不会与其他文本有所不同。然而，上面例子中的span元素给p元素增加了额外的结构。

您可以将id或类属性应用于span，这不仅增加了适当的语义，而且使样式应用于span变得容易。

您可以将类或id属性应用于同一个span元素，但更常见的是只应用其中一个。它们之间的主要区别在于，类用于元素组(类似的元素，或者可以理解为某些类型的元素)，而id用于标识单个和的元素。

提示：事实上，你可能已经注意到W3School网站上的一些文本与其他文本有不同的风格。例如，“提示”使用粗体橙色。虽然有很多方法可以达到这种效果，但是我们的方法是通过使用“提示”来使用span元素，然后将类应用于这个span元素的父元素，即p元素，这样相应的样式就可以应用于这个类的子元素span。

这是HTML中的代码：

Pclass=' tip' spantip:/span./p

这是CSS中的代码：

p.tipspan{

font-weight : bold；

color: # ff9955

}

这样一个简单的css属性，结合span标签的应用，就可以让一个标签应用到其他标签元素上，这是css样式的好处之一，而且使用方便。

让我们来看一个完整的HTMLspan标记的类实例：

！DOCTYPEhtml

超文本标记语言

头

metacharset='utf-8 '

标题PHP中文网站(PHP . cn)/标题

风格

span . intro { color : blue；}

p .重要{ color:green}

/style

/head

身体

Spanclass='intro '标题1/span

段落p/p

Pclass='important '注意：这是一个非常重要的段落。)/p

/body

/html

就图片可以理解，这也是一个很简单的网页。稍微有一点css风格，整个风格都可以整。例如，字体颜色被更改为蓝色。

本文转载自中文网站