什么是HTML类?

时间:2010-09-08 15:18:36

标签: html class

我在w3schools.com学习HTML,他们的代码示例包括“class”这个词,例如<div class="page">。他们没有解释,所以我需要你们。所以请定义<div class="page">中的哪个类。

6 个答案:

答案 0 :(得分:10)

类是HTML元素的非唯一标识符。它可以以多种方式使用:


1。使用CSS设置这些元素的样式。

将一组CSS属性作为包应用于该类的所有元素。

.page
{
  border: solid 1px #009900;
  padding: 5px;
  color: #000077;
}

你可以像这样申请:

<div class="page">

<ul class="page">

Ans等等。

您也可以将其限制为仅对特定元素类型有效,例如,仅限于div:

div.page
{
  /* ... */
}

2。使用JavaScript访问这些元素。

对类的所有元素执行一些操作。像这样:

$('.advancedOption').attr("disabled", true);

3. 对于浏览器中的某些内部操作。超出了这个问题的范围。

答案 1 :(得分:3)

最好将一个类视为“类别”或“类型”。最好用一个例子来证明这一点。

假设您有一个HTML页面,其中包含产品表。在该表中,您将拥有产品名称,描述等。现在,假设您希望所有产品名称都以特定方式设置样式。

<p class='product-standard'>This is a product name</p>

然后使用CSS,您可以执行以下操作:

p.product-standard { color:gray; }

现在,所有带有“product-standard”类的

标签都是灰色的。

现在,如果您希望某些促销商品为红色,则可以执行以下操作:

<p class='product-sale'>Sale item</p>

p.product-sale {color:red}

类允许您在许多html标记中具有一致的样式。

答案 2 :(得分:2)

属性class指的是CSS类。

例如,在HTML中:

<div class="page">

将引用CSS代码:

div.page {
    some css properties
}

答案 3 :(得分:1)

MSDN是寻找的最佳位置 -

CLASS Attribute - 基本上是指定或接收类或css样式规则的字符串或属性。

答案 4 :(得分:1)

它只是一个以空格分隔的单词列表,您可以将这些单词与可用于选择样式或脚本的元素相关联。一个类本身不做任何事情 - 它就像博客文章中的标签。

如果你熟悉编程课程的想法,那就与它无关。

答案 5 :(得分:0)

html中的类是可以添加到任何html元素的属性(如段落,链接)。你可以自己编写名称(虽然必须以字母开头),然后样式表或javascript可以对该特定元素做些什么。

例如:

<p>This is a paragraph with no class</p>
<p class="foo">This paragraph has a class named "foo"</p>
<span class="foo">This span has a class as well

现在,如果您应用CSS来设置html的样式,您可以使用:

p { color: blue }
p.foo { color: red }
span.foo { color: green }
.foo { font-size: big }

这样所有段落都有蓝色文本,除了带有'foo'类的段落。规则p.foo仅影响具有类foo的段落。规则span.foo仅适用于具有类foo的span元素,因此该部分将具有绿色文本。最后,.foo规则适用于带有'foo'类的所有元素,因此最后两个元素将具有大尺寸文本。

您还可以拥有多个课程。 <div class="foo bar">有foo和bar类。您可以使用.foo.bar

在CSS中单独访问这些内容