span简单理解

span简单的学习

span和div可以说是异曲同工，但是他们还有区别。

span和div的默认样式都是看不出任何变换的。

如果一想在一行文字实现两种不同的效果就要用到span

这样他们不会换行，因为每新增一个div都会换一次行。

例子

变成在一个无需列表里面增加两种样式

歌曲名字事斜体，演唱者是粗体

html

<ul>
      <li><span class="cd">Buddha Bar</span>, <span class="artist">Claude Challe</span></li>
      <li><span class="cd">When It Falls</span>, <span class="artist">Zero 7</span></li>
      <li><span class="cd">Earth 7</span>, <span class="artist">L.T.J. Bukem</span></li>
      <li><span class="cd">Le Roi Est Mort</span>, <span class="artist">Vive Le Roi!, Enigma</span></li>
      <li><span class="cd">Music for Airports</span>, <span class="artist">Brian Eno</span></li>
    </ul>

css

.cd{
	font-style: italic;
}
.artist{
	font-weight: bold;
}