待記憶點：
1.transform
a: 關於transfrom:translate(-50%, -50%)實現水平居中
translate()函式是css3的新特性，在不知道自身寬高的情況下，可以利用它來進行水平垂直居中。
當使用：top：50%； left：50%，因為是左上角的圓點，所以並不會處於中心位置。
translate(-50%,-50%)這時候就能將目標在x,y軸上移動自身，以至處於中心位置。
與margin-left和margin-top實現居中不同的是，margin-left必須知道自身寬高（margin %：規定基於父元素的寬度的百分比的外邊距。），
而translate可以在不知道寬高的情況下進行居中，translate（）函式中的百分比是相對於自身寬高的百分比，所以能進行居中。
.content
2.animation
css3入門筆記
1.border radius 用於建立圓角邊框 2.box shadow 新增陰影 3.border image 使用建立邊框 1.background size 能夠規定背景的尺寸，重複使用背景 以畫素或百分比規定尺寸。百分比規定，尺寸相對于父元素 2.background origin 規定背...
css3學習筆記
1.為什麼分許多模組進行管理？為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一，class屬性本身沒有語義，褚翠是用來為css樣式服務的，屬於多餘屬性。第二，使用屬性的話，並沒有把樣式與元素繫結起來，針對同乙個class屬性文字框，下拉框，按鈕都可使用。這樣很...
CSS3學習筆記
一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...