仓酷云
标题:
来讲讲:ID类和class类的长寿名与夭折名
[打印本页]
作者:
精灵巫婆
时间:
2015-1-15 23:28
标题:
来讲讲: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)等图片处理软件将需要制作的界面布局简单的构画出来。
作者:
分手快乐
时间:
2015-1-17 22:51
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者:
小妖女
时间:
2015-1-26 23:30
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
作者:
再见西城
时间:
2015-2-5 08:33
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
作者:
灵魂腐蚀
时间:
2015-2-11 08:30
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者:
兰色精灵
时间:
2015-3-2 07:15
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者:
因胸联盟
时间:
2015-3-11 05:19
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者:
若天明
时间:
2015-3-17 23:10
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
作者:
第二个灵魂
时间:
2015-3-25 11:35
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2