-
响应式布局查看全部
-
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
提交
取消