3d轉換模組
2d是乙個平面，只有寬度和高度
3d是乙個立體，有寬度、高度和厚度
預設情況下元素都是以2d呈現的
若想讓某個元素變成3d模組，就給它的父元素新增這個屬性transform-style: preserve-3d;
.father
專門用於設定背景大小的
background-size: 200px 200px;背景的寬、高，乙個值是寬，會變形
background-size: 50% 100%;背景的寬、高，乙個值是寬，會變形
background-size:auto 100%;背景的寬、高，auto是指等比拉伸，不會變形
background-size:cover;需要等比拉伸，且要拉伸到寬度和高度都填滿元素
background-size:contain;需要等比拉伸，且要拉伸到寬度或高度其中乙個值填滿元素就停止拉伸
ul
預設情況是背景從內邊距區域開始顯示的
background-origin: padding-box;背景從內邊距區域開始顯示的
background-origin: border-box;背景從邊框區域開始顯示的
background-origin: content-box;背景從內容區域開始顯示的
背景的繪製區域屬性
預設情況是背景是從body（border+padding+content）開始繪製的
background-clip: padding-box;背景從內邊距區域開始繪製的
background-clip: border-box;背景從邊框區域開始繪製的
background-clip: content-box;背景從內容區域開始繪製的
多重背景
將一張的背景屬性全部寫完後，用逗號隔開再寫下乙個的全部背景屬性
但是當太多時，**太亂，所以最好分開寫
div
css書寫格式
1.行內樣式
直接將css**寫在開始標籤中
"color: red">我是div
寫在裡
單獨新建乙個.css檔案，把css**寫在這裡面，再通過link標籤把這個檔案和.html檔案鏈結起來
單獨新建乙個.css檔案，把css**寫在這裡面，再通過@import標籤把這個檔案和.html檔案鏈結起來
1.@import是css2.1推出的，所以會有相容問題
2.外鏈樣式在顯示介面時，時先載入css樣式，再載入結構，所以使用者看到的介面一定已經設定了樣式
而匯入樣式在顯示介面時，時先載入結構，再載入css樣式，所以使用者看到的介面不一定已經設定了樣式
所以用外鏈樣式
3d變換 Css 筆記
transform rotate 45deg 中心旋轉45度 transform origin top center left right bottom 百分比 百分比時，第乙個值為從左到右，第二個值為從上到下 例 transform origin 100 50 表示的位置是乙個盒子的最右邊的中點 ...
CSS3 Transform變形（3D轉換）
三維變換使用基於二維變換的相同屬性，如果您熟悉二維變換，你們發現3d變形的功能和2d變換的功能相當類似。css3中的3d變換主要包括以下幾種功能函式 3d位移 css3中的3d位移主要包括translatez 和translate3d 兩個功能函式 3d旋 css3中的3d旋轉主要包括rotatex...
css3 3d轉換和3D動畫
rotatex 沿x軸翻轉 rotatey 沿y軸翻轉 rotatez 沿z軸翻轉 類似於rotate 在水平旋轉 transform translate3d 30px,30px,800px transform translatez 800px translatex 30px translatey ...