响应式外贸网站建设中关于css类名和ID的使用规则
有意义的元素为外贸网站建设提供了很好的基础,但是可用元素的列表并不全面。XHTML是作为简单的文档标记语言创建的,而不是界面语言。因此没有用于内容区和导航栏等专用元素。虽然可以使用xml创建自己的元素,但是由于太复杂,这在目前还不太现实。

次优的解决方案就是使用现有的元素,并且通过添加ID或类名给他们赋予额外的意义。这会在文档中添加额外的结构,并给样式提供有用的“钩子”。因此,可以建立一个简单的链接列表,并且给他们分配ID mainNav,从而创建出定制的导航元素:



使用ID标识页面上的单独元素(比如站导航),ID必须是唯一的。ID可以用来标识持久性的结构性元素,例如主导航或内域。ID还可以用来标识一次性元素,例如某个链接或表单元素。
在整个外贸网站建设的站点中,ID名应该用于概念上相似的元素以避免混淆。从技术上说,如果联系人表单和联系人信息在不同的页面上,那么可以给它们分配同样的ID名contact。但是,如果以后需要根据每个元素上下文环境设置它们的样式,那么就会遇到关于样式的问题。所以,外贸网站建设专家万邦在网站设计中的无素ID名只能唯一,并且要进行很好的区分,比如contactForm 和 contactDetails ,这样就会清淅多了。

一个ID名只能应用于页面上的一个元素,而一个类名可以应用于页面上的多个元素。

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

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

由于类具有灵活性,它他们是非常强大的。同时,它们也可能被过度使用或滥用。css新手常常在几乎所有的东西上添加类,从而试图更精细的控制它们的样式。早期的WuSOWYG编辑器也是倾向于在应用样式的每个地方添加类。话多开发人员在使用编辑器生成的代码学css时继承了这个坏习惯。这种现象被外贸网站设计业内称为“多类症”,在某种程度上,这和使用基于表格的布局一样糟糕,因为它在文档中添加了无意义的代码。

xingbell.com


响应式外贸网站建设专家


更多了解万邦



很明显上面这种书写方式就是多类症的典型表现。我们可以通过精简的写法,如下


xingbell.com


响应式外贸网站建设专家


更多了解万邦



通过这种方式来删除不必要的类有助于简化代码,使页面更简洁。稍后,将讨论css选择器和为样式寻找目标。无论如何,这种对类名过度依赖是不必要的。我常常只在不适合使用ID情况下对元素使用类,而且尽可能少使用类。我创建的大多数文档常常只需要添加几个类。如果你发现自己添加了许多类,那么这很可能意味着你的XHTMl结构有问题。

外贸网站建设专家万邦将网页设计中ID和类的使用问题进行深入的分析,希望广大网页设计师们能写出更好的结构和css代码。

在线咨询
索要报价
返回顶部