- 博客(4)
- 收藏
- 关注
RSS订阅原创 第三周总结---flex布局
css 作用：布局 美化 布局： 流式布局 浮动布局 层布局 在移动端常见的布局： flex布局 flex布局是css3中提出的一种布局方案，在开发移动端页面时基本使用flex布局。pc端也可以使用 因为很多pc端浏览器对css3的支持并不友好 如果使用flex布局，就不需要考虑浮动布局，因为不兼容 flex： 1.容器：如果给盒子添加一个display：flex；那么这个盒子就是一个容器 2.项目：容器中的直接子元素 3.主轴：，偶人抢矿下，按水平方向从左到右排，这个排列方向就是主轴的方式 4.交叉轴：
2021-05-26 21:55:04
103
原创 第二周总结---单位介绍
px: 一个盒子是100px*100px px指的是逻辑像素，也叫css像素，在适配时使用px并不合适。 em： 指的是一个汉字的宽度，2em表示汉字的宽度 1em=1个font-size的大小 em不足是相对于父元素font-size来说的 故适配使用em也不合适，因为它是相对于父元素的font-size来说的 rem： r表示root 指html标签 1rem==>html标签中的font-size大小 适配： 在大屏上显示大盒子，在小屏上显示小盒子。 适配是什么？ 如果是大屏，盒子或字体上设
2021-05-26 21:53:57
88
原创 第四周--色子案例
首先，建立一个3D空间元素，做成正方体 正方体创建好后，到了这次的重点–利用弹性盒子flex的一些属性来布局每一面的点数。 首先在每一面中创建对应的div个数，并给每一面的div设置display:flex;和flex-wrap:wrap;（弹性盒子中元素在必要时换行）样式 点数1 第一面只有一个子div，所以只需将其中心对齐就好了。设置justify-content: center;（元素在弹性盒子主轴中心开始排列）和 align-items: center;（元素在弹性盒子交叉轴中心开始排列），就可以实
2021-05-26 21:51:17
124
原创 企业实践第一次总结
工具：pxcook 快捷键：alt+鼠标中键 放大图片 空格+鼠标左键 拖拽图片 软件工具：小尺子 量尺寸 吸颜色（颜色识别） 目标:0像素还原设计稿 webapp：手机上运行的网站 技术：heml+js 优点：android,ios都可以运行 缺点：没有原生app体验好，不能调用原生接口 编辑器：vscode 浏览器：谷歌 把pc端网站放到手机端：(1)把电脑端的网站放到虚拟容器（视口）中（过大会产生水平条、过小也可以放下） （2）把虚拟容器放到手机里（手机宽度小时，会被压缩） 一般时982p
2021-05-05 22:17:20
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人