类型选择符就是网页元素自身,定义时直接使用元素名称,如定义段落样式,我们可以选择p元素的名称,即把p作为选择符即可。在XHTML框架中所有元素都可以作为类型选择符来进行定,例如下面定义样式的选择符都是类型选择符:
定义了类型选择符,所定义的属性就会影响引用这个样式的所有该元素的显示效果。因此,类型选择符是一把双刃剑,使用恰萼当会非常省力,但考虑不周、贸然定义类型选择符会给网页布局增添无穷烦恼。例如,如果在样式表中定义:
div{/*<把所有div元素对象定义为宽度为774像素>*/
width:774Px;}
那么当你用div进行布局时,就需要重新为页面中每个div对象定义宽度,因为在页面中并不是每个div丸元素对象的宽度都显示为7"/4px,c,否则所有div都显示为774px将是件非常麻烦的事情。所以在下面情况时可以选择使用:
如果想改变某个元素的默认样式时,可以使用类型选择符。例如,使用ul元素时,它会自动缩进,并自带列表符号,真:有时这种样式会给列表布局带来麻烦,此时可以选择u1元素作为类型选择符,;并清除预定义样式。
u1{
margin:Opx;
天津网站制作;
塘沽网站建设;
list-style:none;
}
id选择符
id翻译为中文表示身份的意思,它似乎与每个人使用的身份证号类似。事实上也是这样的,CSS的id是作为网页文档中每个元素的“身份证”来使用的,因此,它是唯一的,不同元素的id值是不能重复的。使用id选择符能够扩展XHTML元素(这里的扩展不是重新自定义元素,而是扩展元。素的显示效果的意思,就是把同一个元素当作两个甚至无数个不同样式的元素来使用)。为每个元素的具体对象定义不同的样式,方便了用户更精细地控伟d页面。当我们使用id选择符时,应先为每个元素定义一个id属性。
一个id名称只能对应于文档中一个具体的元素对象,因为id属性只能定义页面中某个唯一的元素对象。所以,如何合理、有效地使用id是网页设计师应重视的问题,下面给出几点使用建议,供读者参考:
XHTML文档中,用来构建整体框架的元素对象应该定义id属性,因为这些对象一般在页面中都是比较唯一、固定的,不会出现一个结构在同一个页面内重复出现的现象,如导航、主体包含块、版权等
关于id属性命名规范应遵循约定俗成的习惯,有人说布局排版用id选择符,背景配色用class选择符,其实这种说法是不恰当的,id与排版布局没有直接关系,class与配色也不是完全对应的。
有些设计师习惯为每个元素对象定义id属性,这就有点多余,不仅是定义起来比较麻烦,也有悖于CSS所提倡的代码简化原则,或者说对CSS选择符没能完全理解,
对于模块的外围结构元素最好使用id属性,内部元素可以定义class属性,因为外围的结构冬唯一的,而内部元素可能会出现重复。例如,在下面的模块中,外部包含框定义了id属性,而内部的元素定义了class属性:这样,我们就可以通过唯一的id选择符来控制其内部所有的子元素。例如,可以这样定义所有的CSS样式:
#father{
}
#father div{
}
当统一文档某个元素的显示效果时,可以使用类型选择符。常用于body、table等布局元素的字体控制、超链接的显示样式、图像去除边框、表单元素的统一风格等。
对于div、span等通用结构元素,不建议使用类型选择符,除非有十足把握。因为他们应用范围广泛,使用类型选择符会相互干扰,影响效果。