CSS3的運算功能——calc()

以後 高度、寬度都可以運算了!對於我來説絕大部分使用JS的動機都不成立了~

具體語法: calc(expression);
比如:
#page {
width: calc(100% – 250px);}

※ 運算符前後要有空格隔開,否則語法錯誤.支持em,rem,%等等的單位

感覺超厲害,目前還需要使用私有前序使其生效2013-8-20

利用JS實現平滑滾動?

剛剛胡思亂想:假如我的所有網頁都是平滑滾動的話,體驗應該很不錯吧? 我這樣想着。

於是我想到了:不如利用JS寫個網頁平滑滾動,嗯~想起來不錯。

然後想了下實現方法,嗯。。。重寫滑鼠的滾輪事件和鍵盤的“向下”鍵就可以了。應該沒有問題~

説幹就幹~

=================

無聊上網翻了下,發現一個別人寫好的,比我想象中要還好…… Orz……

放上地址吧,Orz

http://jslover.com/?p=258

中英文字分別使用不同字體 via @font-face

最近一直在弄主頁的版面,在文字編排的時候就遇到了一個蛋疼的事情:

當中英混雜的時候,中文字型裡的英文字母是在噁心,想了一下,可以在CSS裏這樣寫:

body{

font-family : “Helvetica”, “Trebuchet MS”, “Verdana”, “Tahoma”, “STXihei”, “WenQuanYi ZenHei”, “Microsoft JhengHei”, “Heiti TC”, “Heiti SC”, “MS Gothic”;

}

理論上,前面的英文字型裏沒有漢字,瀏覽器應該是逐個往後找,直到找到含有漢字的字形為止然後顯示才對,但是似乎想得很完美,試驗時效果糟糕(比如IE)。

於是想起CSS裏一個很實用的東東 —— “@font-face”。 繼續閲讀 中英文字分別使用不同字體 via @font-face