网络编程
位置:首页>> 网络编程>> 网页设计>> 学用代码片段(3)

学用代码片段(3)

  发布时间:2011-09-06 19:37:35 

标签:代码,css,模板

  • 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

    1. 很多情况下,冗余的代码就是健壮的代码。它是能够最大化容忍外部因素的不确定性的一种模式。

    2. 代码片段应该保持较小的粒度。拿建筑学做比喻,代码片段是砖和三合板,而不是细小的沙子,也不是成型的小房子。

    0
    投稿

    猜你喜欢

    手机版 网络编程 asp之家 www.aspxhome.com