CSS
CSS的代码片段更多的是为了浏览器兼容而设置。
/[tab]——【说明】简单注释 /* $VALUE$ */$END$
//[tab]——【说明】复杂注释,用来分页 /* ==== page: $start$ ==== */
db/di/dn[tab] display:block;display:inline;display:none;
ib[tab]——【说明】跨浏览器的inline-block display:inline-block;*display:inline;zoom:1;
radius[tab]——【说明】可以通过一个变量,一次输出数值 -moz-border-radius: $num$px; -webkit-border-radius: $num$px; border-radius: $num$px;
fs[tab]——【说明】设置正文的文字大小的时候,除了用px单位,最好还用rem单位来设置 font-size:$v1$px;font-size:$v2$rem;
lo[tab]——【说明】通过line-height和overflowhidden的方法来隐藏文字 line-height:900px;overflow:hidden;font-size:0;
opacy[tab]——【说明】参考资料 filter:alpha(opacity=$n$0);-moz-opacity:0.$n$;-khtml-opacity: 0.$n$;opacity: 0.$n$;
nowrap——【说明】不换行 white-space:nowrap;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal
总结更多的代码片段我没有列出来,每个人需求不同,如果每次在完成某个任务、获得某种灵感的时候,把完成细节用代码片段总结出来,一定能越来越快越来越好。有的时候不知道如何把握代码片段复杂度,以下原则作为参考:
- 很多情况下,冗余的代码就是健壮的代码。它是能够最大化容忍外部因素的不确定性的一种模式。
- 代码片段应该保持较小的粒度。拿建筑学做比喻,代码片段是砖和三合板,而不是细小的沙子,也不是成型的小房子。
文章地址:http://www.cssforest.org/blog/index.php?id=190
本文链接:http://www.blueidea.com/tech/web/2011/8571.asp
出处:css森林
责任编辑:bluehearts
上一页 学用代码片段 [2] 下一页
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|