CSS
CSS的代碼片段更多的是為了瀏覽器兼容而設(shè)置。
/[tab]——【說明】簡(jiǎn)單注釋 /* $VALUE$ */$END$
//[tab]——【說明】復(fù)雜注釋，用來分頁 /* ==== 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]——【說明】可以通過一個(gè)變量，一次輸出數(shù)值 -moz-border-radius: $num$px; -webkit-border-radius: $num$px; border-radius: $num$px;
fs[tab]——【說明】設(shè)置正文的文字大小的時(shí)候，除了用px單位，最好還用rem單位來設(shè)置 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
總結(jié)更多的代碼片段我沒有列出來，每個(gè)人需求不同，如果每次在完成某個(gè)任務(wù)、獲得某種靈感的時(shí)候，把完成細(xì)節(jié)用代碼片段總結(jié)出來，一定能越來越快越來越好。有的時(shí)候不知道如何把握代碼片段復(fù)雜度，以下原則作為參考：
- 很多情況下，冗余的代碼就是健壯的代碼。它是能夠最大化容忍外部因素的不確定性的一種模式。
- 代碼片段應(yīng)該保持較小的粒度。拿建筑學(xué)做比喻，代碼片段是磚和三合板，而不是細(xì)小的沙子，也不是成型的小房子。
文章地址：http://www.cssforest.org/blog/index.php?id=190
本文鏈接：http://www.95time.cn/tech/web/2011/8571.asp 
出處：css森林
責(zé)任編輯：bluehearts
上一頁 學(xué)用代碼片段 [2] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 3 頁 學(xué)用代碼片段 [3]
