1.在CSS中position属性值absolute表示什么定位?
absolute:绝对定位
偏移设置: left、right、top、bottom
使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素” 为基准进行偏移 如果没有已经定位的祖先元素,会以浏览器窗口为基准进行定位 绝对定位的元素从标准文档流中脱离,这意味着它们对其他元素的定位不会造成影响 元素位置发生偏移后,它原来的位置不会被保留下来
2.在网页中z-index对没有设置定位的网页元素有效吗?
没有设置了positon属性时,z-index属性可以设置各元素之间的重叠高低关系
3.使用CSS3中2D变形分别可以操作元素的哪些效果?
变形(transform),它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化
4.使用CSS3动画属性实现动画的步骤是什么?
animation实现动画主要由两个部分组成 通过类似Flash动画的关键帧来声明一个动画 在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效果
动画的播放次数(animation-iteration-count) 值通常为整数,默认值为1 特殊值infinite,表示动画无限次播放 动画的播放方向(animation-direction) normal,动画每次都是循环向前播放 alternate,动画播放为偶数次则向前播放 动画的播放状态(animation-play-state) running将暂停的动画重新播放 paused将正在播放的元素动画停下来
动画发生的操作(animation-fill-mode) forwards表示动画在结束后继续应用最后关键帧的位置 backwards表示会在向元素应用动画样式时迅速应用动画的初始帧 both表示元素动画同时具有forwards和backwards的效果
5.练习