- 博客(4)
- 收藏
- 关注
原创 2021-11-06 felx布局
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言flex布局能够使布局布局更加灵活,快速地开发网页。提示:以下是本篇文章正文内容,下面案例可供参考一、flex布局是什么1.是一种浏览器提倡的布局模型。2.布局网页更简单、灵活。3.避免浮动脱标的问题。二、使用步骤1.给父元素设置display:flex给父元素设置disp.
2021-11-06 16:31:56 296
原创 空间与动画的使用(笔记)
一、空间的位移transform:translate3d (x, y, z )单独设置x,y,z轴(px为单位)translate后面跟的x,y,z为大写X轴:translateX(x px)Y轴:translateY(y px)Z轴:translateZ(z px)注:z轴需要配合透视法肉眼才能看到效果。二、透视法给父级加个perspective取值:(建议)800~1200px三、空间旋转transform:rotate(值为角度 单位为
2021-11-04 20:38:24 81 2
原创 平面转换 (笔记)
平面转换的属性:transform平面转换的运动有位移、旋转、缩放。平面坐标轴特点:X轴和Y轴,X轴中向右为正,向左为负;Y轴中向下为正,向上为负。一、位移属性为:transform:translate(xpx,ypx)px为单位取值(正负均可) 1.像素单位数值。 2.百分比(参照物为盒子自身尺寸)translate()如果只给一个值,表示X轴方向移动。单独设置某个方向的移动距离:X轴:translateX() ...
2021-10-30 18:24:03 314
原创 字体图标的使用
字体图标方法一:用link引入iconfont.css需要在阿里矢量图标库下载到本地用link引入 ,在body中添加i 标签,标签中加入两个类名,第一个类名为固定类名iconfont 第二个类名为你要调用的文字图标的类名,直接复制粘贴。 方法二:生成线上链接在阿里矢量图库中生成链接用link引入此链接,引入的时候需加入http:然后在body中创建i 标签标签中加入两个类名,第一个类名为固定类名iconfont 第二个类名为你要调用的文字图标的类名...
2021-10-30 17:39:04 113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人