|主页 > 香港公司网站建设 > 香港公司网站建设知识 > CSS实践解析 >

Css中ID名与类名

Css中ID名与类名有何不同,应该如何掌握它们的应用?首先我们要知道一个 ID 名只能应用于页面上的一个元素,而同一个类名可以应用于页面上任意数量的元素。类非常适合标识内容的类型或相似的条目。例如,假设有一个新闻页面,其中包含每条新闻的日期。就不必给每个日期分配不同的 ID,而是可以给所有日期分配相同的类名 date。

在写类名和 ID 名时,需要注意区分大小写。Css 大体上是不区分大小写的语言。但是,在标记中实体(如类名和 ID 名)是否区分大小写取决于标记语言是否区分大小写。如果使用 XHTML,那么类名和 ID 名是区分大小写的。如果使用常规的 Html,那么是不区分大小写的。处理这个问题最好的方式是保持一致的命名约定。所以,如果在(X)HTML 类名中使用驼峰式大小写,那么在 Css 中也采用这种形式。

在分配 ID 名和类名时,一定要尽可能保持名称有意义并与表现方式无关。例如,可以给导航元素分配 ID 名 rightHandNav,因为你希望它出现在右边。但是,如果以后将它的位置改到左边,那么 Css 和(X)Html 就会不同步。所以,将这个元素命名为 subNav 或 secondaryNav 更合适。这种名称即解释了这个元素是什么,且没有涉及如何表现它。对于类名,也是这样的。即使你希望所有错误消息以红色显示,也不要使用类名 red,而应该选择更有意义的名称,如如 error 或 feedback。