DIV+CSS商业案例与网页布局精讲读书笔记（2）

1.CSS的语法

选择符{ 属性：属性值；}  如body{color:red;}   属性和属性值都很好理解, 主要是选择符，选择符有通配选择符、类型选择符、包含选择符、ID选择符、类选择符。

下面是各类选择符的写法要求：

（1）通配选择符

  和很多语言一样，“*”这个符号在CSS里代表所有，即通配选择器。通配选择器的作用是用于对元素的一种统一预设定（相当于我们写程序时给定义的变量一个缺省值）。

  例子：

 *{ font-size: 12px; }

 这个例子表示将网页中所有元素的字体定义为12像素。

 div *{ color: #FF0000; }

 该例子表示在<div>标签内的所有字体颜色为红色。

 通常情况下，本人对通配选择符用的比较少。

 

（2）类型选择符

  类型选择符是以HTML元素类型为选择条件。

 例子：

 p{
    font-size: 12px; 
    color: #FF0000;
 }

 在该例子中，“p”就是选择符（类型选择符），“font-size”是属性，“12px”是取值。该CSS表示：对页面<p>标签内的文本内容的“字体大小”属性取12px的值。

 

（3）包含选择符

 包含选择符也叫派生选择符，顾名思义，是一种具有包含关系的选择。也是选择符的组合。

 语法则是：多个选择符以空格分开，组合成包含关系，且右边的选择符从属于左边（即右边的选择符只能在左边的选择符范围内选择）。 

 例子：

.roomtable td
{
 padding: 0px 2px 0px 2px;
 color: #000000;
 font-family:@Adobe 楷体 Std R;
 font-weight:bolder; 
} 

这个例子表示对“class="roomtable "的元素里面的<td>应用该样式，而其他网页元素的超链接不受影响。