CSS教程：了解熟悉css语法

名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

本篇文章具体介绍如下

前面一篇介绍了网站网页设计制作的CSS的作用
宣告CSS样式的语法如下：
�x�衿�{ 选择器{
�傩裕涸O定值；属性：设定值；
...
}
在一��x�衿�(Selector) 中，可以�O定的�傩�的�]有限制。在一个选择器(Selector)中，可以设定的属性数目没有限制。
�x�衿髦饕�有三�N：型�(Type) �x�衿鳌�Class �x�衿鳌⒑�ID �x�衿鳌Ｑ≡衿髦饕�有三种：型类(Type)选择器、Class选择器、和ID选择器。
型��x�衿魇�(X)hTML �嘶`，如<body> 和<h1>。型类选择器是(X)hTML标签，如<body>和<h1>。 Class 和ID �x�衿魇鞘褂谜咦杂�的�x�衿鳌� Class和ID选择器是使用者自订的选择器。我��在之後��@�深�的�x�衿鳌Ｎ颐腔嵩谥�后讨论这两类的选择器。
�邮绞且浴�傩裕涸O定值』的方式�碇贫āＱ�式是以『属性：设定值』的方式来制定。 �e例�碚f，若我��要�O定一��元素�鹊奈淖质屈S色的，那就用以下的『�傩裕涸O定值』：举例来说，若我们要设定一个元素内的文字是黄色的，那就用以下的『属性：设定值』：
color:yellow;
在以上的宣告�龋�color 是�傩裕�而yellow 是�O定值。在以上的宣告内，color是属性，而yellow是设定值。
在某些�r候，一��傩钥赡��有好��O定值。在某些时候，一个属性可能会有好几个设定值。 �@些通常都是因��傩允且��捷�健Ｕ庑┩ǔ６际且蛭�属性是一个捷径。 �e例�碚f， margin�傩钥赡��有4 ��O定值，而每一��值代表每一�的�界�L度。举例来说， margin属性可能会有4个设定值，而每一个值代表每一边的边界长度。
Grouping
如果有��x�衿飨碛型��拥�邮剑�它��可以同�r被宣告。如果有数个选择器享有同样的样式，它们可以同时被宣告。 �@叫做"grouping"。这叫做"grouping"。 �e例�碚f，如果<h1>, <h2>, and <h3> 都��有相同的�邮剑�那它��就可以用以下的方式被宣告：举例来说，如果<h1>, <h2>, and <h3>都会有相同的样式，那它们就可以用以下的方式被宣告：
h1 h2 h3 { h1 h2 h3 {
�傩裕涸O定值；属性：设定值；
...
}
後代�x�衿�(Descendant Selectors)后代选择器(Descendant Selectors)
我��可以�O定�f，只有��甲元素在乙元素之��r，甲元素才��用某��邮健Ｎ颐强梢陨瓒ㄋ担�只有当甲元素在乙元素之内时，甲元素才会用某个样式。若甲元素不在乙元素�鹊脑�，那甲元素就可以有其他的�邮健Ｈ艏自�素不在乙元素内的话，那甲元素就可以有其他的样式。要�_到�@��目�耍�我��就要利用後代�x�衿鞯姆绞健Ｒ�达到这个目标，我们就要利用后代选择器的方式。
後代�x�衿餍�告的�Z法是：后代选择器宣告的语法是：
【父�x�衿鳌俊咀舆x�衿鳌�{ 【父选择器】【子选择器】{
�傩裕涸O定值；属性：设定值；
...
}
在以上的宣告中，只有��子�x�衿魇窃诟高x�衿髦��r，�邮讲��被用到。在以上的宣告中，只有当子选择器是在父选择器之内时，样式才会被用到。 �@一�的�Z法可以包括好�状�的�x�衿鳎�而不是只有�纱�而已。这一类的语法可以包括好几代的选择器，而不是只有两代而已。
�e例�碚f，以下的宣告，举例来说，以下的宣告，
li b { li b {
color:yellow;
}
代表在<li> <b> 之�鹊奈淖质屈S色的。代表在<li> <b>之内的文字是黄色的。不是在<li> 之�鹊�<b> 中的文字，就不��套用�S色字�w�@��邮健２皇窃�<li>之内的<b>中的文字，就不会套用黄色字体这个样式。
下一篇我们将介绍CSS放入网站网页设计的方法。