什么是css中的.content？

Question

我正在为我的html课做作业。这本书让我们插入了一些CSS。所以我复制粘贴它。这里是。

body {
    font-family: Arial, Verdana, Garamond;
    font-size: 11pt;
}
a {
    text-decoration: none;
    color: #122973;
}
table {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    border-spacing:10px;
}
.menu {
    text-align: left;
    width: 20%;
}
.content {
    width: 80%;
}

但我不明白.content是什么。或.menu。 当我搜索内容时，它显示了像

这样的内容

content: open-quote;
content: close-quote;
content: no-open-quote;
content: no-close-quote;

这是我作业的解决方案图片。 该图片的哪一部分使用.menu和.content规则？ 在我的作业中，它从未说过要提供任何称为内容或菜单的课程。

Answer 1

.content只是一个类选择器 - 它会选择页面上具有＆＃39;内容＆＃39;类的任何元素。

Answer 2

以点（.）开头的标识符是类选择器。它们引用HTML elmement的class属性的值。

页面创建者可以自己编写这些名称，因此谷歌搜索它们毫无意义。 'content'可能是指页面上的内容部分，但您必须检查HTML以确定。从您添加的图像来看，这似乎是正确的，有一个大约20％宽的菜单和占据剩余空间的内容部分。

因此，如果您的任务是编写HTML，则只需将class="content"添加到正确的元素中，即可将正确的样式应用于正确的元素。

Answer 3

.content定位到类选择器。

HTML标记：

<div class="content"></div>

这可以在页面内多次使用，不像id每页应该是唯一的。

Answer 4

content和menu是页面HTML代码中元素类的名称。在CSS中引用时，类名前缀为点（.）。

这是CSS选择器的一个很好的资源：http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

Answer 5

“。content”引用了“content”类，其中包含所有文本，并且您在该类中定义了您希望内容框为网站大小的80％。