CSS布局教程

基于web标准的网站设计指南

« 类型选择符通用选择符和伪类及伪对象 »

id选择符和class选择符

id翻译为中文表示身份的意思,它似乎与每个人使用的身份证号类似,事实上也是这样的,css的id是作为网页文档中每个元素的身份证来使用的,因此,它是唯一的,不同元素的id指示不能重复的,使用id选择符能够扩展xhtml元素这里的扩展不是重新定义元素,而是扩展元素的显示效果的意识,就是把不同的一个元素当做两个甚至无数了不同样式的元素来使用,为每个元素的具体对象定义不同的样式,方便了用户更精确的控制页面。
当我们使用id选择符的时候,应先为每个元素定义一个id属性,例如:
<div id="top"></div>
使用id选择符时候,需要使用#进行表示,例如:#top{width:778;}
一个id名称只能应用于文档中一个具体的元素对象,因为id属性只能定义页面中某个唯一的元素对象,所以,如何合理,有效的使用id是网页设计师应重视的问题,下面给出几点使用建议:
在xhtml文档中,用来构建整体框架的元素对象应该定义id属性,因为这些对象一般在页面中都是比较唯一固定的,不会出现一个结构在同一个页面内重复出现的现象
关于id属性命名规范应遵循约定俗成的习惯,有人说布局排版用id选择符,背景配色用class选择符,其实这种说法是不恰当的,id与排版布局没有直接关系,class与配色也没有完全对应的。
有些设计师习惯为每个元素对象定义id属性,这就有点多余,不仅是定义起来比价麻烦,也有悖于css所提倡的代码简单化原则,或者说对css选择符没有完全理解。
对于模块的外围结构元素可能会出现重复天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
class翻译成中文表述类的意思,它是一个集合名词,这意味着一个文档中可以为不同类型的元素定义相同的类名,class可以实现把具有同样是的元素统一为一类,这与id把同一个元素定义成不同的样式的元素正好相反,两者具有相反功能,为我们灵活应用css控制页面打下基础。
使用class选择符可以实现代码简化的目的,因为class可以把xhtml文档中的具有相同属性的不同元素合并为一类,这样就大大节省了css代码的编写,增强了代码的可读性。
class选择符与类型选择符都具有一对多的特性,即一个样式可以控制多个元素对象的显示效果,但在选用时候应注意
与类型选择符相比,class选择符具有更大的适应力和灵活性,因为用户可以指定类的样式所应用的元素对象范围。
与class选择符相比,类型选择符具有操作简单,定义方便的优势,因为你不需要为每个元素都定义相同的class属性,而使用类选择符之前,你需要在xhtml文档中为要应用的类样式的元素定义class属性,这样就显得比较麻烦。
类型选择符适合为元素定义显示属性,而class选择符更适合定义类样式,定义了选择符的样式之后,肯定会对页面中同一个元素产生影响,而class选择符定义的样式会出现不被应用的情况,具有更大的机动性。
class选择符与id选择符除了在应用范围上的不同外,他们的优先级也不同,在同等条件下,id选择符比class选择符具有更大的优先权
总之,如果说id命名应坚持体现文档结构和位置,而class命名就应该坚持体现名称的样式描述性,使别人一看类名就了解类要定义的样式。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号