css基本语法和用法 – CSS教程 css基本语法|CSS

上一章CSS教程请查看：开始使用css：使用css的三种方式
在本教程中，你将学习如何在样式表中定义CSS规则。
理解CSS语法CSS样式表由一组规则组成，这些规则由web浏览器解释，然后应用于文档中相应的元素，如段落、标题等。
一个CSS规则有两个主要部分，一个选择器和一个或多个声明：

文章图片
选择器指定CSS规则适用于HTML页面中的哪些元素。
然而，块中的声明决定了元素在网页上的格式。每个声明由一个属性和一个以冒号(:)分隔、以分号(; )结尾的值组成，声明组由大括号{}包围。
属性是要更改的样式属性; 它们可以是字体、颜色、背景等等。每个属性都有一个值，例如color属性可以有blue或#0000FF等值。

h1 {color:blue; text-align:center; }

为了使CSS更具可读性，你可以在每行上放置一个声明，如下所示：

h1 { color: blue; text-align: center; }

在上面的例子中，h1是一个选择器，颜色和文本对齐是CSS属性，而给定的蓝色和中心是这些属性的对应值。
注意：S声明总是以分号“; ”结尾，并且声明组总是被花括号“{}”包围。
CSS注释添加注释通常是为了使源代码更容易理解。它可以帮助其他开发人员(或者将来你编辑源代码时)理解你试图用CSS做什么。注释对于程序员很重要，但是浏览器会忽略它。
CSS注释以/*开头，以*/结尾，如下图所示：

/* 这是一个CSS注释 */ h1 { color: blue; text-align: center; } /* 这是一个 CSS多行注释 */ p { font-size: 18px; text-transform: uppercase; }

你还可以注释掉一部分CSS代码，以便进行调试，如下所示：

h1 { color: blue; text-align: center; } /* p { font-size: 18px; text-transform: uppercase; } */

CSS中的大小写敏感性CSS属性名和许多值不区分大小写。然而，CSS选择器通常是大小写敏感的，例如，类选择器.maincontent与.maincontent不同。
因此，为了安全起见，你应该假设CSS规则的所有组件都是大小写敏感的。
【css基本语法和用法 – CSS教程】在下一章中，你将了解各种类型的CSS选择器。