id类选择符
id类选择符和class选择符的最大区别在于定义样式名称前的符号。用class定义时,用“*.样式名称”;用id定义时,用“#.样式名称”。
id和class虽然在<style>中的定义的写法不一样,但基本上其在网页上的显示的效果是一样的。
id类选择符的使用语法如下:
<style type="text/css">
<!--
#a1{样式属性:属性值;样式属性:属性值;...}
#a2{样式属性:属性值;样式属性:属性值;...}
#a3{样式属性:属性值;样式属性:属性值;...}
#a4{样式属性:属性值;样式属性:属性值;...}
......
#an{样式属性:属性值;样式属性:属性值;...}
-->
</style>
或者
<style type="text/css">
<!--
标签1#a1{样式属性:属性值;样式属性:属性值;...}
标签2#a2{样式属性:属性值;样式属性:属性值;...}
标签3#a3{样式属性:属性值;样式属性:属性值;...}
标签4#a4{样式属性:属性值;样式属性:属性值;...}
......
标签n#an{样式属性:属性值;样式属性:属性值;...}
-->
</style>
语法说明:
(1)#a1...#an
定义的类选择符名称。通常,在定义样式时指定给样式的名称。其适用范围是整个HTML文件中所有由class类选择符所引用的设置。
(2)标签1#a1..标签n#an
HTML的标签名称。不同点在于,若在id选择符前面加上HTML的标签时,其适用范围将只限于该标签所包含的内容。
本课主题:id类选择符
相关主题:
class类选择符
如何在网页中加入CSS
CSS的结构
样式表和HTML的关系
请拨打热线:0571-86586571

