css3：
-----------------------------------動畫-------------------------------------
#page1.active #page1-2
50%
100%
}@-moz-keyframes page1-2 /* firefox */
50%
100%
}@-webkit-keyframes page1-2/* safari 和 chrome */
50%
100%
}@-o-keyframes page1-2 /* opera */
50%
100%
}
在 css3 中，text-shadow 可向文字應用陰影。
文字陰影效果
您能夠規定水平陰影、垂直陰影、模糊距離，以及陰影的顏色：
例項向標題新增陰影：h1
-------------------------------------加快頁面載入時間------------------------------
1.優化
2.影象格式的選擇（gif：提供的顏色較少，可用在一些對顏色要求不高的地方）
3.優化css（壓縮合併css，如margin-top,margin-left...)
4.**後加斜槓（如www.campr.com/目錄，會判斷這個「目錄是什麼檔案型別，或者是目錄。）
這不但影響速度，也影響瀏覽體驗。當瀏覽器知道了高度和寬度引數後，即使暫時無法顯示，頁面上也會騰出的空位，然後繼續載入後面的內容。
從而載入時間快了，瀏覽體驗也更好了。）
6.減少http請求（合併檔案，合併）
-------------------------------------(function(){})();和(function(){}())每個括號的用途和區別----------------------------------------
(function())(); 這種寫法是因為js中沒有塊級作用域的概念，所以可以用lambda函式來模仿塊級作用域，這個的作用是定義並立即呼叫乙個lambda函式，這個函式中定義的任何變數，都在執行結束時將被銷毀，這樣寫還有個好處就是可以避免命名空間的汙染。
(function()()); 這種應該算是模組模式的寫法，是為單例建立私有變數和特權方法使單例得到增強。
如果都能執行 那最終效果是一樣的 那個括號只是為了啟用語法
var some=function()
;some();
(function())(); //相當於函式表示式，後面可接括號
function()(); //相當於函式宣告。error
(function()());
CSS3載入動畫
通常我們都使用gif格式的或者使用ajax來實現諸如這類的動態載入條,但是現在css3也可以完成,並且靈活性更大.選1個例子看看怎麼實現的吧 效果圖 使用1個名為 loading 的層裝所有載入內容，裡面需要有多少條目則新增這麼多個div，並且使用相同的class名稱 coloumns 再為每個動畫...
css3效果 載入動畫
這些效果可以直接用，沒必要自己寫，多去網上發現一下好用的 效果好的即可其中有 gg bd ad 720x90.js 和 follow.js 那麼他們分別是什麼意思呢 follow.js中有這麼一句 document.writeln istitle 0 noborder 1 isweibo 0 isf...
css3實現陰影
最近在學習html與css3基礎，看到有一節課用css3實現曲線陰影與翹邊陰影，便將這個做了出來。基本 實現如下 學完這個知識點後，總結了一下用到的知識點，實質上做出來的陰影效果是讓陰影重疊。1 陰影設定顏色和透明度時，用rgba,直接設定。box shadow 10px 10px 10px 10p...