一、rem布局 rem是相对于根元素的字体大小单位。 假设html的字体大小为16px,那么1rem = 16px; 一旦根元素html定义的font-size变化,整个页面中运用到的rem都会随之变化。 #1. 100等分法 1. html的font-size设置为100px -- 便于换算 2. ...
分类：
移动开发 时间：
2020-12-19 11:40:30
阅读次数：
2
一、transform 转换属性 #1. translate位移 transform : translate(50px,100px); //把元素水平移动 50 像素，垂直移动 100 像素 transform : translateX(50px); //把元素水平移动 50 像素 transfor ...
分类：
移动开发 时间：
2020-12-19 11:36:02
阅读次数：
1
Vue和Angular、React都是前端框架 1、单页面框架 2、基于模块化组件化的开发模式 Vue简单 灵活 高效 国内的中小企业里面用的非常多 前端技术薪资介绍 Html5+Css3+Jquery PC端 移动端静态页面 6k-8k Angular 、 Vue 、React 10k+ Node ...
分类：
其他好文 时间：
2020-12-18 12:38:58
阅读次数：
2
下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。 1.前言 由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点： 动画自由度：canva ...
分类：
Web程序 时间：
2020-12-15 12:33:27
阅读次数：
4
css3选择器分类 CSS3选择器分类如下图所示 选择器的语法 1.基本选择器 类型 代码 功能描述 通配选择器 *{ margin: 0; padding: 0; border: none; } 选择文档中所有HTML元素 元素选择器 body { background: #eee; } 选择指定 ...
分类：
Web程序 时间：
2020-12-15 11:59:22
阅读次数：
3
一. 如何在Vue或React项目中使用自定义字体 在开发前端项目时，经常会遇到UI同事希望在项目中使用一个炫酷字体的需求。那么怎么在项目中使用自定义字体呢？ 其实实现起来并不复杂，可以借用CSS3 @font-face 来实现。 本文着重介绍一下 webpack 项目如何正确打包引入的自定义字体。 ...
分类：
Web程序 时间：
2020-12-15 11:50:34
阅读次数：
4
注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gray; overflow: auto;"> <div style="width ...
分类：
Web程序 时间：
2020-12-07 11:57:04
阅读次数：
8
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式 CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)两部分组成。 弹性容器通过设置 display 属性的值为 flex 或 inline‐flex将其定义为弹性 ...
分类：
其他好文 时间：
2020-12-04 11:45:31
阅读次数：
16
1、安信可官方方法 ：http://aiclouds3.0-docs.aithinker.com/#/2.device/configuration_linux 一堆必安的依赖包 ：sudo apt-get install git wget flex bison gperf python python ...
分类：
其他好文 时间：
2020-12-02 12:26:38
阅读次数：
4
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览... ...
分类：
Web程序 时间：
2020-12-02 12:08:02
阅读次数：
10
