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