span标签是否仅用于覆盖样式?

时间:2014-09-20 20:57:24

标签: css

我对span标记有一个问题。我已经为我的web元素编写了类和id的样式。我正在寻找覆盖/更改已应用类样式的特定Web元素的格式,但此处的目的是仅更改元素的各个部分。在这个位置使用span标签我觉得很好。

也许我错了。因为我不太喜欢HTML / CSS。使用span标签覆盖单个元素的样式是一个好习惯,还是我必须创建复合div标签。这就是每当我更改已经应用了class / id样式的元素时窗口会在Dreamweaver中提示我的内容。

5 个答案:

答案 0 :(得分:3)

spandiv是为了表现不同而创建的两个不同标签。你不能总是用另一个替换它们。

span是内联标记,而div是块元素。使用这些纯粹取决于您的要求。

使用span

中的div覆盖继承的样式是完全没问题的

进一步阅读:P

答案 1 :(得分:3)

没有!标记应尽可能保持清洁。孩子们可能会继承CSS属性,所以这可能不起作用。我的建议是完全避免!important并在每个标记的末尾添加类定义。

例如,假设你要覆盖它:

<div id="name" class="somestyle"></div>

CSS简单易用:

<div is="name" class="somestyle mystyle"></div>

如果覆盖需要在id级别进行,您可以添加自己的:

#name { ... }

确保在初始样式后添加覆盖 。浏览器从上到下读取样式。

答案 2 :(得分:2)

我使用span标签进行“一次性”编辑。例如,我有一个部门要求在添加到其页面的项目前添加RED“New”,因为这是一次性使用,我只使用了span标记。如果要在所有页面上使用它,我会以beautifulcoder推荐的方式创建一个“子类”,或者在StyleSheet中创建一个“子类”:

.class1 
{
 color:#000;
}
.class1 .class2
{
 color:#333;
}

然后你可以使用span类在div部分中指定“class2”,以允许内联和可重复的样式。

答案 3 :(得分:1)

div和span之间只有一个重要区别。

div是块,span是内联元素。

应使用div来包装内容的各个部分 - 更大的部分 - 并且跨度应该是用户来包装文本,图像等小东西。

例如:

div应该包含一个更大的块,其中包含较小的图像块,文本或其他东西

将div放入跨度是非法的。规则是,不允许块元素在内联元素内。

答案 4 :(得分:0)

没有span是内联元素,div是块级元素。如果要更改具有相同类的多个元素,则可以为每个类指定id名称以实现此目的,尽管这可能不是一个好习惯。例如,如果你有多个元素,类名为foo,那么你可以分配一个唯一的id,并为每个元素分配。