- 博客(9)
- 收藏
- 关注
RSS订阅原创 苏宁网移动端首页
目录1.技术选型2.设置公共common.less文件3.新建index.less文件4.遇到的问题1.给input加padding时盒子被撑大，影响布局2.使用适配方案2制作苏宁移动端首页1.技术选型2.搭建相关文件夹结构3.设置视口标签及js文件4.VSCode px转换rem插件cssrem5.遇见的问题1.技术选型方案：我们采取单独制作移动端页面方案技术：布局采用rem适配布局（less+rem+媒体查询）设计图：本设计图采用750p.
2021-12-13 11:00:00
629
原创 移动端布局-rem适配布局
一.rem基础rem单位rem（root em）是一个相对单位，类似于em，em是父元素字体大小不同的是rem的基准是相对于html元素的文字大小比如根元素（html）设置flont-size=12px；非根元素设置width：2rem，则换成px表示就是24pxem单位，在当前元素设置了font-size时,以当前元素为参照，当前元素没有设置font-size，则以父元素为参照二.媒体查询2.1什么是媒体查询媒体查询（media query）是css3新语法 使用@m
2021-12-12 17:46:37
750
原创 移动端布局-flex布局
一.flex布局体验1.1传统布局与flex布局建议： 如果是PC端页面布局，我们还是传统布局 如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局 1.2初体验1.搭建HTML结构<body> <div> <span></span> <span></span> <span></span>.
2021-12-06 14:05:47
516
原创 git初体验-用户名邮箱配置以及发布静态网页
目录1.安装git2.配置上传3.创建本地空仓库：git init4.新建文件添加到本地仓库：git add、git commit -m5.链接远程仓库 把本地仓库的文件推送到远程仓库 push6.码云部署发布静态网站1.在当前仓库中，点击 “服务” 菜单选择 Gitee Pages2.除了网址也可以通过二维码来进行访问3. 如果提交网站，你不愿意用git 提交， 可以直接找到仓库，里面有文件，选择上传本地文件即可。1.安装git准备工作： 需要...
2021-12-04 14:39:01
502
原创 移动端布局-流式布局
1.1流式布局（百分比布局） 流式布局，就是百分比布局，也称非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素限制，内容向两侧填充 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width 最小宽度 （min-height 最小高度） <style>*{margin:0;...
2021-12-03 08:41:28
747
原创 初识移动端
1.浏览器私有前缀浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无需添加。1.私有前缀 -moz-：代表firefox浏览器私有属性 -ms-：代表ie浏览器私有属性 -webkit-：代表safari、chrome私有属性 -o-：代表Opera私有属性 2.提倡写法-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-rad
2021-11-27 17:19:53
209
原创 CSS3-3D转换
目录1.1三维坐标系1.2 3D移动translate3d1.3 透视perspective1.4 3D旋转 rotate3d1.5 3D呈现 transform-style2.1两面翻转盒子案例3D导航栏旋转木马有什么特点 近大远小 物体后面遮挡不可见 1.1三维坐标系 x轴：水平向右 注意：x右边是正值，左边是负值 y轴：水平向下 注意：y下边是正值，上边是负值 z轴：垂直屏幕 注意：往外面是正值，往里面是负值 .
2021-11-26 11:01:02
2834
原创 CSS3动画
目录1.1动画的基本使用2.1动画常见属性2.2动画简写属性3.1大数据热点图案例4.1速度曲线-steps步长5.1奔跑的小熊案例动画（animation）是css3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。1.1动画的基本使用1.先定义动画2.再使用（调用）动画1.用keyframes定义动画（类似定义类选择器） @...
2021-11-25 09:57:37
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人