-
<figure>圖片容器 <img src="" width="" height=""/> <figcaption>圖片內(nèi)容</figcaption> </figure>查看全部
-
1.p:nth-of-type(1):同級(jí)p標(biāo)簽兄弟元素，第一個(gè)p標(biāo)簽 2.媒體查詢,響應(yīng)式布局:@madia screen and (min-width: 601px) and (max-width: 1000px){}查看全部
-
CSS3--transform 1.translate:指定對(duì)象的2D translation（2D平移） transform：translate(10px,10px)(對(duì)應(yīng)X軸<左-右+>,對(duì)應(yīng)Y軸<上-下+，為null，默認(rèn)為0>) 2.rotate:指定對(duì)象的2D rotation（2D旋轉(zhuǎn)），需先有transform-origin屬性的定義 Rotate(90deg<角度值，順時(shí)針+>),transform-origin:0 0<設(shè)置中心點(diǎn)>; 3.scale:指定對(duì)象的2D scale（2D縮放） scale(0.5,0.5)(對(duì)應(yīng)X軸,對(duì)應(yīng)Y軸<為null，默認(rèn)取第一個(gè)參數(shù)的值>) 4.skew：指定對(duì)象skew transformation（斜切扭曲） skew(50deg,20deg)(對(duì)應(yīng)X軸,對(duì)應(yīng)Y軸<為null，默認(rèn)為0>)查看全部
-
figure figcaption p,h2,div { transition:all 0.35s; -ms-transition:all 0.35s; -webkit-transition:all 0.35s; }查看全部
-
transform屬性： 1、translate（移動(dòng)）-- transform:translate(10px,10px); 2、rotate（旋轉(zhuǎn)）-- transform:rotate(90deg); 3、scale（縮放）-- transform:scale(0.5,,0.5); 4、skew（斜切）-- transform:skew(50deg,,0deg);查看全部
-
figure標(biāo)記文檔圖像；figcaption定義figure標(biāo)記的標(biāo)題。 figure及figcaption標(biāo)簽的用法： <figure><img src=""/><figcation>figcation</figcaption></figure>查看全部
-
opacity 虛化查看全部
-
css定位第一個(gè)p標(biāo)簽，第二個(gè)p標(biāo)簽查看全部
-
transition查看全部
-
達(dá)到某種條件后加載css樣式查看全部
-
skew查看全部
-
figure查看全部
-
定點(diǎn)旋轉(zhuǎn)查看全部
-
@media screen and (max-width:600px) { figure { width: 100%; } } @media screen and (min-width:601px) and (max-width:1000px) { figure { width: 50%; } } @media screen and (min-width:1001px) { figure { width: 33%; } }查看全部
-
figure標(biāo)簽和figcaption標(biāo)簽查看全部
舉報(bào)
0/150
提交
取消