//浮雕
color:#ddd;
text-shadow:1px 1px #000,-1px -1px #fff;
//鏤刻
color:#ddd;
text-shadow:-1px -1px #000,1px 1px #fff;
//錯亂效果//火焰效果等
//chrome實現的，配合字型simsun,70版本以上
-webkit-text-stroke:1px red;
font-family:simsun;
color:transparent;
子級
//父級600px,子元素3個100px寬
//1 : 2 : 3 300px剩餘
//50 100 150 分配
//150 200 250 = 600px
//是根據content-width來計算比例，要注意padding，border不參與計算
//父級600px，子元素3個，分別為200px，200px，400px（真實內容區content-width）
//權重為1 ： 1 ： 3
//200*1 + 200*1 + 400*3 = 1600
// 200 *1
//-------- * （800-600）= 25px
// 1600
// 200-25 ： 200-25 ： 400-150
// 175 175 250 = 600px
flex：none | <』 flex-grow 『> <』 flex-shrink >』? || <』 flex-basis '>
復合屬性。設定或檢索彈性盒模型物件的子元素如何分配空間。
flex作用：
作業：神馬搜尋明星模組flex布局
step-start：等同於 steps(1, start)
step-end：等同於 steps(1, end)
steps(< integer>[, [ start | end ] ]?)
transition-delay：檢索或設定物件延遲過渡的時間
@keyframes < identifier >
animation：< single-animation > [ ,< single-animation > ]*
steps
transform
skew：
rotate：
translate:
perspective
該屬性如果寫在子元素的transform屬性中，必須寫在第一位。不推薦，不能調整origin。
perspective-origin
transform-origin
backface-visibility
matrix
/*
| a,c,e | | x | | ax + cy + e |
| b,d,f | * | y | = | bx + dy + f |
| 0,0,1 | | 1 | | 0 + 0 + 1 |
matrix(1,0,0,1,e,f); === translate(x, y);
matrix(a,0,0,d,0,0); === scale(x, y);
matrix(cos(θ),sin(θ),-sin(θ),cos(θ),0,0); === rotate(θ);
x1 = cos(θ)x - sin(θ)y + 0
y2 = sin(θ)x + cos(θ)y + 0
matrix(1,tan(θy),tan(θx),1,0,0)
matrix(1,0,0,0,0,1,0,0,0,0,1,0,x,y,z,1) 縮放
matrix(x,0,0,0,0,y,0,0,0,0,z,0,0,0,0,1) 平移
*//*
試驗：映象變換
| -1,0,0 | | x | | -x |
| 0,1,0 | * | y | = | y |
| 0,0,1 | | 1 | | 1 |
transform:matrix(-1,0,0,1,0,0)
*/
CSS3 知識點總結
1.border radius border radius設定的值越大，弧度越大，可以用具體數值10px來設定，也可以用20 百分比來設定 你也可以只設定乙個或其中幾個角的弧度，就像這樣 div 2.box shadow 用來設定乙個下拉陰影得框，語法如下 box shadow h shadow v...
CSS3常用知識點
1 css3選擇器 1.1 屬性選擇器 e attr val 表示的乙個單獨的屬性值 這個屬性值是以空格分隔的 attr2 a class kawa e attr val 表示的要麼乙個單獨的屬性值 要麼這個屬性值是以 分隔的 attr3 a class kawa e attr val 表示的屬性值...
CSS3基本知識點總結 1
1.css3邊框 邊框屬性 border radius 建立圓角邊框 box shadow 附加乙個或者多個下拉框的陰影 border image 不支援ie 使用影象建立乙個邊框 2.css3圓角 可以使用css3 圓角製作器來製作乙個css3圓角，可以直接生成 3.指定border radius...