Question

我需要知道这段代码的正确用语是什么。有人发送给我这是我想要的，但我需要适当的术语，所以我可以自己学习。我正在寻找的是网页上的多种颜色。

<!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>

Answer 1

网页上有多种颜色没有合适的术语。您有一个简单的CSS代码，用于为站点的不同部分定义各种颜色的各种类。所以要简单，不是每件事都需要有名字。如果它仍然令人困惑，请告知我们

Answer 2

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

可以在JSfiddle.

等程序中编辑CSS

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

CSS可以应用于3种不同的东西：

按元素类型（即p {}

按ID：#main{}或

按班级：.button{}

CSS代码放在大括号之间。

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

p {
color:blue;
}

Answer 3

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

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

按ID：#nav { ... }

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

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

适用本规范的条款

3 个答案: