Question

CSS的问题 请教了。。。

帮忙看一下。 图中的span 的用意是什么？想实现什么功能？ span的功能 还是不太理解什么时候用的东西。
我把span 删掉了。 也没发现出现什么变化 。。。。

Answer 1

这里的 <span class="font5"> 是为了给后面的文字设置 font5 样式（应该在 css 文件中定义）。
“我把span 删掉了。 也没发现出现什么变化”的原因可能有：
1、font5 未定义，所以不起作用。
2、font5 已经定义，但是效果与未定义时一样。举例css：.font5{color:#000000} 定义了字体颜色为黑色，但是网页默认字体也是黑色，所以加不加<span>，效果是一样的。

用意：改变HTML元素样式。
功能：很多，主要是用以改变HTML元素样式、给特定元素加 id 值等。
什么时候用：很多。比如用 javascript 控制页面元素，需要定义其ID值，就可以使用。
举例：javascript 要改变文字“千千千”的值，就必须知道其位置，这时就可以定义：
<span id="aaa">千千千</span>

追问

仅仅是为了给 文字设置样式？ 我在CSS样式 dd 中定义不是还要简单吗？ 去掉并不是没有效果。 文字的颜色变了。 我指的没化是说 排版没有变化。
span 加在 ul li dt dd 中我见了好几个了。 也不知道在什么情况下用。 但是前几个也没见给span加上什么属性那？

追答

不错，在 dd 中也可以定义文字样式，但是，在你给的例子中，dd 中不仅有文字，后面还有图片。在 dd 中定义的样子影响文字和图片，而在 span 中定义的样式只对文字有效。明白了吗？另外，也可以在 font5 中设置边距什么的呀，比如 margin-right:20px; 就可以让文字与图片之间产生 20px 的空白呀。
你可能钻进牛角尖了， 与其它 HTML 元素一样，没有什么特别，只在需要的时候用就可以了。如果不给 span 加属性的话，用与不用效果一样，用了只是给网页增肥，成为垃圾代码。

追问

哦。 了解了。 还以为span有定位的功能呢。
我现遇到一个问题。 一下午也没搞明白。帮我分析下呗。就是要实现上面的那个图片
我在一个DIV 里 建了DT DD DT是左浮动，DD也是左浮动。目的就是上面的那效果。老是不行。调整了很多。大DIV的宽度已确定。然后我调整DT 跟DD的宽度。DT调的长一些。 DD就跑到下面去。DT短一些。第一行还午。第二行。DT就对不齐了。 很乱 。这种排序只有把宽度调整的刚刚好才行嘛？请教。。。

Answer 2

在这里，span主要是 给时间加样式的 像间距 兰色
<div>属于块级元素 div就像是一个盒子，而span则是盒子里的一个物体，span的大小是受div的限制的。<span></span>属于行内元素
SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。