CSS实战：id是狙击枪class是双刃剑合则两利分则两败

文章类别：div+css布局 | 发表日期:2008-9-26 11:14:01

　　想要做好网页结构，id与class都是必须熟练把握的，所谓“两手抓，两手都要硬”。ID就象狙击枪一样，可以帮助我们精准地定位要想要加载样式的元素；而class则是侠客的佩剑，信手拈来更加轻盈灵便，两者的结合能够实现结构良好且表现丰富的页面。

　　然而现在有一种错误的观点，就是id完全可以用class来取代，事实上许多网页源代码也的确如此，打开来通篇class，找不到一个id。造成这种现象的理由有很多种，然而自table时代传下来的根深蒂固的“class=CSS”的观念才是本因。

　　的确，class比id用途更广更灵活，但也必须意识到，class对于构建良好的网页结构远不如id有效。id的强制唯一性使得我们可以很轻易通过id检索到我们需要的任意模块，而class则没有这个优势。虽然我们可以为模块定义唯一的class名，但前提是——只有制作者本人可以动网页样式。

　　否则换一个稍微懒一些的伙计，看到样式相同便直接把前面的class拿来套用，其结果就是我们发现网页里有十几个模块都叫做“gonggao”或者“xinwen”，以至于为了区分还不得不加上大量的html注释，这样的结果显然并不是我们想要的。再者就是前面提到的，通过通用class所节省下来的代码，又不得不在每个单独定义的class中挥霍掉。

　　id是狙击枪，class是双刃剑，合则两利，分则两败！

上一篇：{教程}text-indent隐藏文字出现虚线框outline 人气:5293
下一篇：{教程}DivCSS：并非所有内容都必须要div做“容器” 人气:4912

div+css布局视频教程