仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1298|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:ID类和class类的长寿名与夭折名

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:28:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是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:40 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
小妖女 该用户已被删除
板凳
发表于 2015-1-26 23:30:35 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
再见西城 该用户已被删除
地板
发表于 2015-2-5 08:33:49 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-11 08:30:26 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
兰色精灵 该用户已被删除
6#
发表于 2015-3-2 07:15:24 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
因胸联盟 该用户已被删除
7#
发表于 2015-3-11 05:19:42 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
若天明 该用户已被删除
8#
发表于 2015-3-17 23:10:25 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
第二个灵魂 该用户已被删除
9#
发表于 2015-3-25 11:35:53 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-15 00:25

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表