CSS教程：了解熟悉css语法
2024-07-11 08:43:03
供稿：网友
前面一篇介绍了网页制作的CSS的作用
宣告CSS样式的语法如下：
器{ 选择器{
性： 定值； 属性：设定值；
...
}
在一 器(Selector) 中，可以 定的 性 目 有限制。在一个选择器(Selector)中，可以设定的属性数目没有限制。
器主要有三 ：型 (Type) 器、Class 器、和ID 器。选择器主要有三种：型类(Type)选择器、Class选择器、和ID选择器。
型 器是(X)HTML ，如<body> 和<h1>。型类选择器是(X)HTML标签，如<body>和<h1>。 Class 和ID 器是使用者自 的 器。 Class和ID选择器是使用者自订的选择器。 我 在之後 的 器。我们会在之后讨论这两类的选择器。
式是以『 性： 定值』的方式 制定。样式是以『属性：设定值』的方式来制定。 例 ，若我 要 定一 元素 的文字是 色的，那就用以下的『 性： 定值』：举例来说，若我们要设定一个元素内的文字是黄色的，那就用以下的『属性：设定值』：
color:yellow;
在以上的宣告 ，color 是 性，而yellow 是 定值。在以上的宣告内，color是属性，而yellow是设定值。
在某些 候，一 性可能 有好 定值。在某些时候，一个属性可能会有好几个设定值。 些通常都是因 性是一 捷 。这些通常都是因为属性是一个捷径。 例 ， margin 性可能 有4 定值，而每一 值代表每一 的 界 度。举例来说， margin属性可能会有4个设定值，而每一个值代表每一边的边界长度。
Grouping
如果有 器享有同 的 式，它 可以同 被宣告。如果有数个选择器享有同样的样式，它们可以同时被宣告。 叫做"grouping"。这叫做"grouping"。 例 ，如果<h1>, <h2>, and <h3> 都 有相同的 式，那它 就可以用以下的方式被宣告：举例来说，如果<h1>, <h2>, and <h3>都会有相同的样式，那它们就可以用以下的方式被宣告：
h1 h2 h3 { h1 h2 h3 {
性： 定值；属性：设定值；
...
}
後代 器(Descendant Selectors)后代选择器(Descendant Selectors)
我 可以 定 ，只有 甲元素在乙元素之 ，甲元素才 用某 式。我们可以设定说，只有当甲元素在乙元素之内时，甲元素才会用某个样式。 若甲元素不在乙元素 的 ，那甲元素就可以有其他的 式。若甲元素不在乙元素内的话，那甲元素就可以有其他的样式。 要 到 目 ，我 就要利用後代 器的方式。要达到这个目标，我们就要利用后代选择器的方式。
後代 器宣告的 法是：后代选择器宣告的语法是：
【父 器】【子 器】{ 【父选择器】【子选择器】{
性： 定值； 属性：设定值；
...
}
在以上的宣告中，只有 子 器是在父 器之 ， 式才 被用到。在以上的宣告中，只有当子选择器是在父选择器之内时，样式才会被用到。 一 的 法可以包括好 代的 器，而不是只有 代而已。这一类的语法可以包括好几代的选择器，而不是只有两代而已。
例 ，以下的宣告，举例来说，以下的宣告，
li b { li b {
color:yellow;
}
代表在<li> <b> 之 的文字是 色的。代表在<li> <b>之内的文字是黄色的。 不是在<li> 之 的<b> 中的文字，就不 套用 色字 式。不是在<li>之内的<b>中的文字，就不会套用黄色字体这个样式。
下一篇我们将介绍CSS放入网页的方法。
