-
響應式布局查看全部
-
a:nth-of-type(n) 表示a標簽同級的同類標簽,索引從1開始查看全部
-
1、平移動畫 p:nth-of-type(1){transition-delay:2s} 偽類,同級的兄弟元素,第一個是1 p:nth-of-type(odd){ } 奇 p:nth-of-type(even){ } 偶 p:nth-of-type(3n+0){ } 3的倍數 p:nth-child(1) 區別:ele:nth-of-type(n)是指父元素下第n個ele元素, ele:nth-child(n)是指父元素下第n個元素且這個元素為ele,若不是,則選擇失敗。 2、旋轉動畫 寬高盡量百分比 transform多屬性間加空格即可: {transform:translate(0 0 ) rotate(360deg);} 3、扭曲動畫(斜切) 斜切90度的文字就看不見了 4、縮放動畫 總結:平移 ---- 像素 旋轉---- 角度 斜切 -----角度 縮放-----倍數查看全部
-
1、HTML5頁面結構 <figure> <img src="" /> <figcaption> <h2>圖片標題</h2> <p>圖片注解</p> </figcaption> </figure> 2、樣式 父元素相對定位時,子元素的絕對定位是相對于父元素的。 3、響應式布局 @media screen and (min-width: 401px) and(max-width:600px ){ }查看全部
-
@media和import查看全部
-
transition 屬性 property 檢索或設置對象中的參與過渡的屬性,duration 過渡動畫的持續時間, timing-function。檢索或設置對象中過渡的動畫類型,(linear,ease,ease-in,ease-out,ease-in-out)。delay 檢索或設置對象延遲過渡的時間。查看全部
-
translate,rotate,scale,skew,平移,旋轉,縮放,斜切查看全部
-
scale(0.5,0.5)數值小于1往 小的縮放,大于1往大的伸展查看全部
-
媒體查詢的兩種方式查看全部
-
figure以及figcaption標簽的用法: <figure> <img src=""> <figcaption>figcaption</figcaption> </figure>查看全部
-
媒體查詢查看全部
-
transtion屬性查看全部
-
transition查看全部
-
transform-skew查看全部
-
transform-scale查看全部
舉報
0/150
提交
取消