本ppt主要介绍了python在各个环境的安装，以及开发环境pycharm的安装，以及常用的快捷键

完美世界 第135话

移动 Web 第一天01-空间转换空间转换简介 空间：是从坐标轴角度定义的 X 、Y 和 Z 三条坐标轴构成了一个立体空间，Z 轴位置与视线方向相同。 空间转换也叫 3D转换 属性：transform 平移 1234transform: translate3d(x, y, z);transform: translateX();transform: translateY();transform: translateZ(); 取值与平面转换相同 默认情况下，Z 轴平移没有效果，原因：电脑屏幕默认是平面，无法显示 Z 轴平移效果 视距作用：指定了观察者与 Z=0 平面的距离，为元素添加透视效果 透视效果：近大远小、近实远虚 属性：(添加给父级，取值范围 800-1200) 1perspective: 视距; 旋转 Z 轴：rotateZ() X 轴：rotateX() Y 轴：rotateY() 左手法则作用：根据旋转方向确定取值正负 使用：左手握住旋转轴, 拇指指向正值方向, 其他四个手指弯曲方向为旋转正值方向 rotate3d-了解 rotat ...

移动 Web 第一天 目标：使用位移、缩放、旋转、渐变效果丰富网页元素的呈现方式。 01-平面转换简介作用：为元素添加动态效果，一般与过渡配合使用 概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜） 平面转换也叫 2D 转换，属性是 transform 平移1transform: translate(X轴移动距离, Y轴移动距离); 取值 像素单位数值 百分比（参照盒子自身尺寸计算结果） 正负均可 技巧 translate() 只写一个值，表示沿着 X 轴移动 单独设置 X 或 Y 轴移动距离：translateX() 或 translateY() 定位居中 方法一：margin 方法二：平移 → 百分比参照盒子自身尺寸计算结果 案例-双开门 HTML 结构 1234<div class="father"> <div class="left"></div> <div class="right"></div></di ...

day10-小兔鲜儿01-banner-轮播图 index.css HTML结构1234567891011<!-- banner --> <div class="banner"> <div class="wrapper"> <!-- 图片 --> <ul class="pic"> <li><a href="#"><img src="./uploads/banner1.png" alt=""></a></li> <li><a href="#"><img src="./uploads/banner1.png" alt=""></a></li> <li> ...

day09-小兔鲜儿01-搭建项目目录 xtx-pc images 文件夹：存放固定使用的图片素材，例如：logo、样式修饰图等等 uploads 文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片 iconfont 文件夹：字体图标素材 css 文件夹：存放 CSS 文件（link 标签引入） base.css：基础公共样式 common.css：各个网页相同模块的重复样式，例如：头部、底部 index.css：首页 CSS 样式 index.html：首页 HTML 文件 引入样式表1234<link rel="stylesheet" href="./iconfont/iconfont.css"><link rel="stylesheet" href="./css/base.css"><link rel="stylesheet" href="./css/common.css"><link re ...