我对span标记有一个问题。我已经为我的web元素编写了类和id的样式。我正在寻找覆盖/更改已应用类样式的特定Web元素的格式,但此处的目的是仅更改元素的各个部分。在这个位置使用span标签我觉得很好。
也许我错了。因为我不太喜欢HTML / CSS。使用span标签覆盖单个元素的样式是一个好习惯,还是我必须创建复合div标签。这就是每当我更改已经应用了class / id样式的元素时窗口会在Dreamweaver中提示我的内容。
答案 0 :(得分:3)
span
和div
是为了表现不同而创建的两个不同标签。你不能总是用另一个替换它们。
span
是内联标记,而div
是块元素。使用这些纯粹取决于您的要求。
使用span
div
覆盖继承的样式是完全没问题的
答案 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,并为每个元素分配。