来讲讲：ID类和class类的长寿名与夭折名

支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
网页制造poluoluo文章简介：CSS的定名在poluoluo.com中，已经屡次会商过。说假话，看到这个标题时我以为这有甚么好会商的，一定会是场一边倒的会商。由于团体对照偏向于夭折名，复杂文雅，多是出于程序员的洁癖，容不得任何冗余的器材。
　CSS的定名在poluoluo.com中，已经屡次会商过。说假话，看到这个标题时我以为这有甚么好会商的，一定会是场一边倒的会商。由于团体对照偏向于夭折名，复杂文雅，多是出于程序员的洁癖，容不得任何冗余的器材。和我一个设法的人应当不在多数吧！
　　先看下长寿名和夭折名的界说：
<!--长寿名：利用前缀表现高低文情况的CSS定名体例。-->
<divclass="category">
<divclass="category-hd"></div>
<divclass="category-bd"></div>
<divclass="category-ft"></div>
</div>
<!--夭折名：利用承继表现高低文情况的CSS定名体例。-->
<divclass="category">
<divclass="hd"></div>
<divclass="bd"></div>
<divclass="ft"></div>
</div>
　　人人先是给两边各列了一堆优弱点，了局八两半斤。然后从功能和可保护性长进行了具体的争辩。
　　功能分为下载功能(速率)和衬着功能，人人以为：
　　1.下载功能多是夭折名略胜一筹，由于文件会稍小些；
　　2.衬着功能则是长寿名好些，由于CSS中一般夭折名我们用相似.box.hd{}界说款式，而长寿名间接是.box-hd{}，pagespeed以为选择器长度会影响衬着功能。
　　注：实在平常事情中这两点城市被疏忽。gzip能够进一步削减第一个成绩的差异，而由此激发的衬着功能也是微不足道。
　　然后人人便可保护性举行了会商，此次撑持长寿名的人较多。
　　1.长寿名给人较为牢靠的感到；
　　2.长寿名较夭折名产生抵触的概率低良多；
　　3.可复用的内容经由过程夭折名界说，无可争议；
　　…
　　最初是利用场景，玉伯借用YAHOO首页的例子牵头，人人会商，总结以下：(次要根据可保护性)
　　1.框架级款式用夭折名，好比盒模子、栅格；
　　2.通用款式用夭折名，好比.hidden、.clearfix；
　　3.使用级款式用长寿名，好比淘江湖项目标通用款式都加上“sns”前缀(有.sns-avatar、.sns-box等)；
　　4.页面级款式用长寿名，好比类目模块，大概包括category-hd、category-bd、category-bd-tips等；
　　5.嵌进式使用用长寿名，由于大概会被嵌进就任何庞大情况中，好比开源编纂器、Google的各类使用(map,adsence,gmail…)
　　以上结论有个条件：就是页面是多人(包含前期的保护职员)合作的，一团体的页面(如Blog)不在思索局限以内。
</p>
一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。