来一发CSS研讨教程:类名的长寿名和夭折名
那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？网页制造poluoluo文章简介：ClassName的长寿名PK夭折名.
说假话，看到这个标题时我以为这有甚么好会商的，一定会是场一边倒的会商。由于团体对照偏向于夭折名，复杂文雅，多是出于程序员的洁癖，容不得任何冗余的器材。（和我一个设法的人应当不在多数吧！）
先看下长寿名和夭折名的界说：
<!--长寿名：利用前缀表现高低文情况的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>
在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？ HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器） Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 学Dreamweaver技术的过程其实是一个增加信心的过程。 直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
页:
[1]