Question

在与我的一些朋友讨论css概念后，我有一些问题要问你们。

我们什么时候在css中使用Id和class？我们与Div和Span有冲突的想法。什么时候使用Div和Span？

这些问题的关键是什么？

Answer 1

基本规则是ID只能在整个页面中存在一次。该ID通常用于标识页面中的对象。大多数时候你会在CSS中使用class。

span是一个内联元素，div是一个块元素（默认情况下，你可以在CSS中覆盖它）。跨度通常用于文本块内以“标记”一段文本。 div用于对容器中的对象进行分组。

希望这对你有所帮助。

Answer 2

div用作文档的一部分。 span用于设置文本的各个部分的样式。一个关键的区别是div将在任一侧插入换行符。

但div和span是HTML而不是CSS。

如果有一个元素，则需要使用id，并且需要对其进行唯一标识。如果有多个元素要应用相同的样式，则使用class。

Answer 3

Div和span是HTML标签。您可以使用CSS对它们进行样式化，但因此，它们是原始的html元素。

Div主要用作包装块，您可以对其进行定位，设置样式和大小，然后将内容放入其中，但是如果用作内联块，它也可以执行span的功能。 Span应该用于突出段落标记中的一些文本，或者将一些特定的样式应用于标题，列表，锚点（等）标记之间的一些文本。

（＃ - id）被使用，应该用于不在页面上重复的唯一元素。

（。 - class）用于必须继承相同属性的一组元素。

例如，表单字段可能有id和class，ID会使用javascript轻松突出显示，而类将应用基本样式。

Answer 4

Should I use id or class?

div元素是网页的一个分区。这是一个块元素。

span元素用于包含一段文本。这是一个内联元素。

示例：

<div>
   This is one part of <span>the page</span>.
</div>
<div>
   This is another part of <span>the page</span>.
</div>

您可以使用样式display:block或display:inline来控制元素的类型。块元素可以包含其他块元素和内联元素。内联元素可以包含其他内联元素，但不包含块元素。

例如，链接（a标记）是内联元素，因此您可以在其中放置span标记，但不能放置div标记。您可以使用display样式将链接作为块元素，并使其中的元素块元素。即使您使用CSS将链接设置为块元素，它仍应仅包含默认情况下内联的元素，即使您还使用CSS将这些元素转换为块元素。

Answer 5

ID是给予页面元素的唯一名称。一个例子是'product_98509'。类是对页面上一个或多个元素的非唯一引用。例如'产品'。然后，在使用CSS时，您可以使用“.product {}”引用所有产品，使用“＃product_98509 {}”引用特定产品。

A是为盒子和容器设计的块级元素。例如标题栏，引用框等.A是通常在文本中使用的内嵌元素。例如，段落中某人的姓名，产品描述中的价格等等。

希望有所帮助！

Answer 6

id属性标识页面上的一个元素。它用于指定一个非常具体的元素，你不应该在元素上切换id，除非你有充分的理由这样做。在一个页面上使用相同的id两次被视为无效。

class属性是元素的“形容词”。它指定了与元素不同的元素，使其与同类型的其他元素不同。例如，<ul>元素可能是特定的，因为它适用于待办事项列表，因此您可以将其指定为<ul class="todo">。您可以在同一页面上拥有多个具有相同类的元素。

<div>和<span>的目的相似，因为它们都指定了通用内容。它们的区别在于<div>用于块内容，<span>用于内联内容。将块内容放入内联内容被认为是无效的，但对于相反情况则不一样（在块中内联，或者在块中阻塞）。

Answer 7

一般情况下，如果您有许多具有相同样式的元素，则在具有特定（唯一）元素和类时将使用ID。

通常我会使用ID来定义页面中的“结构”元素（主容器，页眉，页脚，侧边栏等），并使用类来完成其他任务。

具有ID的元素通常也更方便通过javascript访问（虽然jQuery减轻了很多）所以我经常在需要由javascript操作的元素上使用ID，即使没有与之关联的样式ID。

Answer 8

id唯一标识一个DOM元素。 class标识了一组相关的DOM元素。

默认情况下，

div具有display: block，通常用于划分应该在块中的一些逻辑分组。 span默认情况下为display: inline，通常用于将样式应用于文本部分。

Answer 9

正如迈克提到的那样，DIV和SPAN是HTML元素。两者都是纯粹的内容包装，但作为一般规则，span用于包装文本字符串，div用于包装内容块。

将span视为“内联”元素，例如将颜色应用于句子中的单词，而div则是“块”，您可能需要添加边框，设置宽度和高度等。

注意：因为CSS很灵活，你可以让div做任何跨度的事情，反之亦然。

Answer 10

我建议也阅读：

Difference between DIV as-is and a SPAN with display:block

Answer 11

以下是对 div 和 span html标记的简短描述。

span 和 div 标记在处理层叠样式表时非常有用。人们倾向于以类似的方式使用这两个标签，但它们用于不同的目的。

div 还让您有机会定义HTML的整个部分的样式。您可以将页面的一部分定义为呼出，并为该部分提供与周围文本不同的样式。

div 标记还使您能够为文档的某些部分命名，以便您可以使用样式表或动态HTML对其进行影响。

使用 div 标记时要记住的一件事是它会破坏段落。它充当段落结尾/开头，虽然您可以在 div 中包含段落，但在段落中不能包含 div 。

span 标记与 div 标记具有非常相似的属性，因为它会更改其包含的文本的样式。但是，如果没有任何样式属性， span 标记将根本不会更改所包含的项目。

span 和 div 标记之间的主要区别在于 span 不会对其自身进行任何格式设置。 div 标记行为包括段落，因为它在文档中定义逻辑分区。 span 标记只是告诉浏览器将样式规则应用于 span 中的任何内容。

Answer 12

1）当我知道页面上只有1时我使用id，当可以有倍数时我使用class。例如，你的标题，只有一个，所以我把它作为一个id。

2）Divs / Spans - 其他人都说的......显示块与内联。

（这只是一个卑微的CSS开发人员的方式）。

Answer 13

如上所述，这确实是一个html问题，虽然不是你通常会遇到的问题，除非你使用CSS（为什么有人会尝试实现完美的语义，带有造型混乱的文档???）

Div和Span

div和span都是纯粹用于提供其内容逻辑分组的html元素。 Div是一个块元素，因此是一个带有宽度，高度，边距和填充的矩形区域。 Span是一个内联元素，因此上面的内容不适用，但它可以跨越多行。

应该注意，a打破任何段落，因此不应该包含在内。但是，它可以包含其他段落和块级元素而不会破坏它们。

类和ID

ID属性用于唯一标识html文档中的给定标记。如果要设置一个且仅一个部分的样式，则可以在CSS中使用class属性。 Class属性描述属性的类型。例如，请考虑以下事项：

<div class="widget"></div>
<div class="widget"></div>
<div class="widget"></div>

基本CSS概念

13 个答案: