利用ID选择符定义样式
星期四, 四月 6th, 2006在上一节里,提到利用class类选择符定义样式的方法;这一节,还要教你如何利用ID指定选择符定义样式,其中,两者最大的差别在与定义样式名称前的符号,用class定义为”*.样式名称”; 若用ID定义样式时为”#样式名称”。以下是ID选择符定义样式的语法
- <style type="text/css">
- <!--
- #a1 {样式属性:属性值; 样式属性:属性值;}
- #a2 {样式属性:属性值; 样式属性:属性值;}
- ......
- #an {样式属性:属性值; 样式属性:属性值;}
- -->
- </style>
或者\r
- <style type='text/css">
- <!--
- 标记1#a1 {样式属性:属性值; 样式属性:属性值}
- 标记2#a2 {样式属性:属性值; 样式属性:属性值}
- ........
- 标记n#an {样式属性:属性值; 样式属性:属性值}
- -->
- </style>
下面是语法各部分的说明。\r #a1…#an
a1…an是定义ID选择符名称,通常在定义样式时,指定给样式的名称。其使用范围,是整个html文件中所有由ID选择符所引用的设置。\r 标记 1#a1…标记 N#an
标记1…标记N为HTML的标记名称,不同点在与,若在ID选择符前面加上HTML的标记时,其使用范围将只限于该标记所包含的内容。\r 样式属性
定义样式的属性名称。\r 属性值
设置样式属性的值。\r
下面的语句,将在HTML内引用P标记的a1与a2的定义样式,分别定义为楷体,红色和华文隶书蓝色。\r
- <style type="text/css">
- <!--
- p#a1 {font-family:楷体; color:red}
- *.a2{font-family:华文隶书; color:blue}
- -->
- </style>