本文档使用 V型知识库发布

CSS Div 与 CSS Span

Div

Div 这个标签目的是将内容分为不同的区域，而每一个区域可以根据 CSS 中的渲染而有自己的样式。Div 是一个区块级容器 (block-level container)，这代表在 </div> 标签后会换行。

举例来说，如果我们有以下的 CSS 样式：

.large { 
  color: #00FF00; 
  font-family:arial; 
  font-size: 4pt; 
}

以下的 HTML 源码，

<div class="large"> 
  这是 DIV 范例。 
</div>

注意 class名字为 large ，与css代码中的.large保持一致

效果：

这是 DIV 范例。

Span

Span 跟 Div 类似的地方是，这两个标签的目的都是将内容分为不同的区域。不同的是，Span 可以涵盖更细层的元素。所以，我们甚至可以用 <span> 来调整单一文字的样式。另外，在 </span> 之后并不会换行。

举例来说，如果我们有以下的 CSS 样式：

.largefont { 
  color: #0066FF; 
  font-family:arial; 
  font-size: 6px; 
}

以下的 HTML 源码

Span 不是<span class="largefont">区块级的</span>.

效果

Span 不是区块级的

小说《我是全球混乱的源头》

此文章本站原创，地址 https://www.vxzsk.com/728.html 转载请注明出处！谢谢！

上一篇：springMVC框架下一篇：javascript 更新dom