1，transition是過度效果，一般是和hover一起用，transition的屬性有height，width常用屬性，在hover裡面就是會覆蓋原來的屬性，屬性由逗號間隔，各個屬性之間沒有先後關係，-webkit-transition: width 2s ease-in,height 2s,-webkit-transition: 2s width ease-in,height 2s,都是正確的，有一點需要注意的是，延遲發生，width 1s 20s延遲的20s會在過度時間的後面。
example1
example1:hover ```tranform:translate(x,y), 讓元素偏離原來位置。單位預設是畫素。
transform:scale(x,y)讓元素變為原來的多少倍。
div:hover要用@keyframe定義乙個動畫名稱，就是乙個函式。
這些都是css3的屬性，transform還可以當作乙個函式用在transition裡面。
定義動畫的函式裡面可以有位置的改變。
0%
25%
div
@keyframes myfirst
25%
50%
75%
100%
}
alternate infinitealternate 要在infinite使用的前提下才生效。
3，column-count 是指定元素被分割的列數，帶有rule的，是指兩列之間邊框的樣式，可以用乙個column-rule ：px（多寬） solid（之間的樣式） #ffff（顏色） 。column-gap是兩列之間的距離。-span 指出元素可以跨多列，不夠位置就換行顯示。
4，響應式布局@media only screen and (max-width :800px)在螢幕小於800px的時候啟動另外一種布局。（這裡的screen可以是print等其他裝置，only | not）
固定盒子的大小，無論怎麼改變邊距都不影響box-sizing: border-box;寬度還是50%而不是50%+*px 會並行顯示。
5物件選擇器
6，使用於移動端，不適用的話，預設移動端的瀏覽器的寬度會大於瀏覽器的寬度。
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...
CSS3學習筆記
1 css是什麼？cascading style sheet 層疊樣式表，目的是對html中元素的字型 顏色 邊距 高度 寬度 背景 網頁定位等設定，以達到美化網頁的目的 2 css3是是前一直仍然在完善的css最新標準和規範。新加入了很多css樣式屬性，但是因為規範讓然未最終形成。所以瀏覽器支援力...