設定旋轉元素的基點位置，2d 轉換元素能夠改變元素 x 和 y 軸，3d 轉換元素還能改變其 z 軸。
必須與 transform 屬性一同使用，不然不會有任何效果。
定義檢視被置於 x 軸的何處。可能的值：
定義檢視被置於 y 軸的何處。可能的值：
定義檢視被置於 z 軸的何處。可能的值：
注：length為正負px，%就是百分比。
預設值為
transform-origin:50% 50% 0;
即 transform-origin:x-50%;
transform-origin:y-50%;
transform-origin:x-0px;
也等同於
transform-origin:center center 0px;
第乙個值為x，第二個值為y,第三個為z。
假設有乙個寬高都等於100px的元素，定義它有x、y、z三條軸，x、y軸把元素平分為50*50四份，相當於乙個「田」字，中間的「十」字為x、y軸，這就是預設值。
x值為50%(center)，意為當元素要繞著y軸旋轉時，y軸在x軸的正中間；如果x值小於0%（為負），y軸會在元素的左側，如果x值大於100%，y軸會在元素的右側。
y值為50%(center)，意為當元素要繞著x軸旋轉時，x軸在y軸的正中間；如果y值小於0%（為負），x軸會在元素的上面，如果y值大於100%，x軸會在元素的下面。
z值為0px，意為元素在當前的2d位面上不做移動；如果為負，意為在3d空間向里移動，如果大於0，意為在3d空間向外移動。
注：三條軸就像元素旋轉時的參照中心，中心可以在元素裡面，也可以在外面。（中心在元素內，有點像地球自轉，中心在元素外，開起來類似地球繞著太陽公轉）。
規定如何在 3d 空間中呈現被巢狀的元素。
子元素將不保留其 3d 位置。
子元素將保留其 3d 位置。
注：transform-style屬性必須與 transform 屬性一同使用。
給乙個元素設定 transform屬性，當transform涉及到3d，元素就會需要乙個3d環境，此時就需要給元素的父元素設定transform-style：preserve-3d；。
perspective 屬性定義 3d 元素距檢視的距離，只影響 3d 轉換元素，當為元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元素本身。
用法：perspective: number;（直接給數字，不給單位）元素距離檢視的距離，以畫素計。
perspective: none;預設值。與 0 相同。不設定透視。
注：類似模擬人眼看東西時，遠了會變小這樣子，有點不是很懂，不過透視效果蠻好看。
定義當元素不面向螢幕時是否可見。
背面是可見的。當元素旋轉180deg，會看見元素內容的反面效果。
背面是不可見的。當元素旋轉180deg，會什麼也看不見。
CSS3布局樣式
css3多列布局columns 為了能在web頁面中方便實現類似報紙 雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組 css multi column layout module 它主要應用在文字的多列布局方面，這種布局在報紙和雜誌上都使用了幾十年了，但要在web頁面上實現這樣的...
CSS3布局樣式
1.多列布局 columns 為了能在web頁面中方便實現類似報紙 雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組 css multi column layout module 它主要應用在文字的多列布局方面。columns column width column count 引...
css樣式補充
設定為該屬性值的盒子，本質上讓然是乙個塊盒，但同時該盒子會附帶另乙個盒子 元素本身生成的盒子叫做主盒子，附帶的盒子稱為次盒子，次盒子和主盒子水平排列 涉及的css list style type 設定次盒子 list style position 設定次盒子相對於主盒子的位置 速寫屬性list st...