CSS属性的定义

网站的视觉风格和布局由CSS或层叠样式表规定。这些是形成网页HTML标记的文档，为Web浏览器提供有关如何显示由该标记产生的页面的说明。 CSS处理页面的布局，以及颜色，背景图片，排版等等。

如果你看一个CSS文件，你会看到像任何标记或编码语言一样，这些文件对它们有特定的语法。每个样式表都由许多CSS规则组成。这些规则在全部采用时是该网站的风格。

CSS规则由两个不同的部分组成 - 选择器和声明。选择器确定页面上的样式，声明是如何样式化的。例如：

p {
颜色：＃000;
}

这是一个CSS规则。选择器部分是“p”，它是“段落”的元素选择器。因此，它会选择网站中的所有段落，并为它们提供这种样式（除非在CSS文档的其他地方有更多特定样式的段落）。

规则中说“颜色：＃000;”的部分就是所谓的声明。该声明由两部分组成 - 属性和价值。

该属性是该声明的“颜色”部分。它规定了选择器的哪一方面将在视觉上改变。

该值是所选CSS属性将更改为的值。在我们的例子中，我们使用＃000的十六进制值，这是“黑色”的CSS缩写。

因此，使用这个CSS规则，我们的页面将以黑色的字体颜色显示段落。

当你编写CSS属性时，你不能简单地将它们设置为你认为合适的。例如，“color”是一个实际的CSS属性，所以你可以使用它。该属性决定了元素的文本颜色。如果您尝试使用“text-color”或“font-color”作为CSS属性，则这些将失败，因为它们不是CSS语言的实际部分。

另一个例子是属性“背景图像”。该属性设置可用于背景的图像，如下所示：

。商标 {
background-image：url（/images/company-logo.png）;
}

如果您尝试将“background-picture”或“background-graphic”用作属性，则它们将失败，因为这些不再是实际的CSS属性。

您可以使用多种CSS属性来设置网站的样式。一些例子是：

这些CSS属性是很好的例子，因为它们都非常简单，即使你不知道CSS，也可以根据它们的名字猜出它们的作用。

还有其他的CSS属性也会遇到，它们可能并不那么明显，它们是如何根据名称工作的：

当你深入网页设计时，你会遇到（并使用）所有这些属性和更多！

每次使用财产时，都必须给它一个价值 - 而某些财产只能接受某些价值。

在我们的第一个“颜色”属性的例子中，我们需要使用一个颜色值。这可能是一个十六进制值，RGBA值，甚至是颜色关键字。然而，如果你对这个属性使用了“阴沉”这个词，那么任何这些值都可以工作，但它不会做任何事情，因为如同该词所描述的那样，它不是CSS中的公认值。

我们的第二个“背景图像”示例需要使用图像路径从网站文件中提取实际图像。这是所需的值/语法。

所有的CSS属性都有他们期望的值。例如：

如果您浏览一下CSS属性列表，您会发现它们中的每一个都具有特定的值，这些值将用于创建它们的样式。

由Jeremy Girard编辑

Alike posts