持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情
- 点击超链接不发生跳转使用JavaScript的方法 `<
- CSS样式书写规律：
- 决定元素加载模式的属性，e.g.定位，浮动和display
- 长宽和边框
- 居中、字体等
- 给标签设置鼠标移上去变成光标的效果：
- 在css样式中设置cursor属性cursor:pointer;
- 制作轮播图一层覆盖一层的效果：
- 先给所有轮播图设置display:none;
- 再给第一张图一个类名，给它单独设置display:block;（注意层叠优先级）
- 最后使用js来轮换调整这个block
- 总结：制作网页中，相同的一些标签可以在外面套上一个div或者列表标签
- 知识点：要让div使用『margin:0 auto;』居中，需要给div设置width和height才能起作用
- 本案例的关键点在于：
.overall:hover img:nth-child(1){
transform: rotate(60deg);
}
- 意思是当鼠标放到div上时，图片中的第一个子级开始发生旋转
- 视线距离z的原点距离，观看的样式会脱离原来的样式，会有视觉差。需要增大perspective的数值如5000px
- transform-style属性
- 用于设置被嵌套的子元素在父元素的3D空间中显示，子元素会保留自己的3D转换坐标轴
- 属性值：
- flat：所有子元素在2D平面呈现
- preserve-3d：保留3D空间
- 3D元素构建是指某个图形是由多个元素构成的，可以给这些元素的父元素设置
transform-style:preserve-3d，来使其变成一个真正的3D图形。一般来说，该属性设置给3D变换图形的父级元素 - 浏览器兼容
- IE10、Firefox以及Opera支持transform属性；Chrome和Safari需要前缀-webkit-；IE9需要前缀-ms-
- Tips：不能使用opacity属性代替rgba设置不透明度，因为opacity会使3D物体的坐标轴发生混乱，无法正常显示3D效果
