第一天基础html和css的复习总结（3）

1.锚点手动轮播图，就是通过设置超链接实现对应id跳转，值得注意的是，其实从overflow：auto设置出了滚动条可以看出来其实就是在滚动条中跳转，所以就能很好理解overflow：hidden

2.宽度自适应：min-height，最小高度，这样多出的就能自动适应，短的div也还是最小高度

3.字体以及iconfont（用字体文件取代图片文件）：
@font-face{
font-family：自己取一个名字；
src: url(font/FZSJ-OXKAJW.TTF) format(“truetype”);
（opentype文件扩展名为.otf truetype文件扩展名.ttf）
}
body{font-family:名字}
iconfont去图标库找，先link文件进来

4.2D效果
transform: rotate(30deg);transform改变的意思，变形，扭曲是skew，缩放scale和移动translate
transform-origin:left bottom;这里是改变原点位置，默认是在圆心的，这里不是改变到了左下角嘛
transform: rotate(90deg) scale(2,.5) skew(30deg,30deg) translateX(200px);/* 顺序不一样效果不一样 /
这里过去都会回来的，不是回不来了
5,3D效果
transform-style: preserve-3d;开启3d
perspective: 100px;/ 有点像3d效果程度 视角*/
在设置3D的立方体时会出现一些问题

translateY的值负值是向上，正值向下，与正常逻辑相反
translateX的值负值是向下，正值向上
Z正向前，负向下
/* backface-visibility: hidden; // 看不到后面的元素 */这样的话就是一个实体的立方体
另外需要注意的是视角开启的位置，最好在box那，因为你是从box那来看的嘛，3d开始的位置在ul处，因为你要变幻的不是ul的li嘛

帧动画