css基本语法和用法 – CSS教程-srcmini

在本教程中，你将学习如何在样式表中定义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注释 */
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选择器通常是大小写敏感的，例如，类选择器.maincontent与.maincontent不同。

因此，为了安全起见，你应该假设CSS规则的所有组件都是大小写敏感的。

在下一章中，你将了解各种类型的CSS选择器。