基本的CSS概念

Question

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

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

这些问题的任何关键？

Answer 1

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

但是div和span是HTML而不是CSS。

如果存在某个元素并且需要唯一标识该元素，则使用id。 如果有多个要应用相同样式的元素，则使用class。

Answer 2

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

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

希望这可以帮助你一点。

Answer 3

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 4

div和span是HTML标签。你可以使用CSS对它们进行风格化，但正因为如此，它们是纯html元素。

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

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

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

例如，表单域可能有一个id和一个类，这个ID会使它们很容易用javascript来高亮显示，而类将应用基本的样式。

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的元素通常更方便通过javascript访问（尽管jQuery缓解了这一点），所以我经常在需要被javascript操作的元素上使用ID，即使没有样式关联ID。

Answer 8

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

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

Answer 9

正如Mike提到的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和跨度 html标签的小简短说明。与层叠样式表打交道时

的跨度和DIV标签是非常有用的。人们倾向于以相似的方式使用这两个标签，但它们的用途各不相同。

div也为您提供了定义整个HTML部分样式的机会。您可以将页面的一部分定义为调出，并为该部分提供与周围文本不同的风格。

div标签还使您能够命名文档的某些部分，以便您可以使用样式表或动态HTML来影响它们。

使用div标记时要记住的一件事是它会打破段落。它作为一个段落结束/开始，虽然你可以有段落在div你不能有段落内的div。

的跨度标签具有非常相似性质的DIV标签，因为它改变它包围文本的样式。但没有任何样式属性，范围内的标签根本不会更改所包含的项目。

的跨度和DIV标签之间的主要区别是，跨度没有做它自己的任何格式。 div标记行为包含段落中断，因为它定义了文档中的逻辑分隔。 范围标记只是告诉浏览器将样式规则应用于范围内的任何内容。

Answer 12

1）我使用id的时候，我知道页面上只有1个，我使用class时可以有多个。例如，您的标题只有一个，所以我使用该标识。

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

（这只是一个低级CSS开发人员的做法）。

Answer 13

如上所述，这实际上是一个HTML问题，虽然不是一个你通常会遇到，除非你使用的CSS（为什么任何人都会尝试和实现完美的语义，与负载的样式凌乱的文件???）

div和span

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

应该指出的是，任何段落都可以打破，所以不应该包含在内。但是，它可以包含其他段落和块级别元素而不会自行破坏。

类和ID

ID属性被用于唯一地标识一个HTML文档内的给定标签。当你想要设置一个样式，并且只有一个样式时，你可以在CSS中使用class属性。 Class属性描述了一个属性的类型。例如，考虑以下内容：

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