本守则的专有名词答案

【问题标题】：Proper Term For This Code本守则的专有名词
【发布时间】：2013-11-21 06:16:16
【问题描述】：

我需要知道这段代码的正确术语是什么。有人把这个寄给我，这正是我要找的，但我需要合适的术语，这样我就可以自己学习了。我正在寻找的是网页上的多种颜色。

<!doctype html>
<html>
<head>
<title>I am Awesome!</title>
<style type="text/css">
body, #nav, #header, .white-box, .blue-box {
width: 100%;
margin: 0;
padding: 0;
}
body {
height: 100%;
}
h1{
margin: 0;
padding: 150px 0;
}
#nav
{
height: 60px;
color: #fff;
position: fixed;
background: darkblue;
}
#header {
background: red;
text-align: center;
}
#header, .white-box, .blue-box {
height: 400px;
}
.white-box {
background: #ccc;
}
.blue-box {
background: lightblue;
}


</style>
</head>
<body>
    <div id='nav'>Navigation</div>
    <div id='header'>
        <h1>Some Cool Image!</h1>
    </div>
    <div class='white-box'>Content!</div>
    <div class='blue-box'>More Content!</div>
    <div class='white-box'>And Something Else!</div>
    <div class='blue-box'>Redundancy!</div>
</body>
</html>

【问题讨论】：

我为你回答了你的问题，它解释了代码是什么。
欢迎来到 SO！可悲的是，您的问题令人困惑。你问上面代码的专有名词是什么，然后继续问多种颜色？请你澄清一下。谢谢。

标签： css

【解决方案1】：

在网页上使用多种颜色没有合适的术语。您有一个简单的 css 代码，为站点的不同部分定义了具有各种颜色的各种类。所以要容易，不是每件事都需要有一个名字。如果它仍然令人困惑，请在评论中告诉我

【讨论】：

最好有一个 jsfiddle 以便人们可以实际看到你在说什么
你能不能给我一个链接，我可以在哪里学习。我最近才开始编码，所以我是新手。到目前为止我知道 HTML 和基本的 CSS
您可以使用 w3schools 进行基本操作，尽管它有一些错误，但它仍然是一个有用的资源。 css-tricks.com 还可以在一些高级 css 代码和效果方面为您提供很多帮助。试错是最好的学习。在 Google 上搜索您的代码并每天从 w3schools 发现更多标签。对于高级学习，w2c.org 也是最好的
什么是高级学习网站。你给我的那个是不正确的。我一直在使用 w3schools，它不错，但不是最好的网站。
learnlayout.com html.net/tutorials/css developer.mozilla.org/en-US/learn/css（进阶学习）

【解决方案2】：

这方面的恰当术语是层叠样式表，也称为 CSS。 CSS 用于设置 HTML 文档的样式，使其看起来更漂亮，并进行 HTML 无法进行的格式更改（即更改文本颜色或更改字体大小）

可以在JSfiddle.等程序中编辑CSS

要将 CSS 插入 HTML 文档，可以使用标签，也可以使用 href 引用 CSS 样式表。

CSS 可以应用于 3 种不同的事物：

按元素类型（即 p{}

按 ID：#main{} 或

按班级：.button{}

CSS 代码放在大括号之间。

例如，要将元素 p 的颜色更改为蓝色，我会使用

p {
color:blue;
}

【讨论】：

【解决方案3】：

它是层叠样式表，也称为 CSS。有几种不同的方式来应用样式：

按元素类型：body { ... }

按 ID：#nav { ... }

按班级：.white-box { ... }

您可以在线阅读有关它的更多信息；一个例子在这里：http://w3schools.com/css/css_syntax.asp

【讨论】：

他已标记css :)
问题是“我需要知道这段代码的正确术语是什么”——它使用的是不同的 CSS 选择器，这是我所描述和链接的。