摘要：
animation 动画分为两步 1、第一步：定义动画 第一种：@keyframes 动画名{ 0%{} 50% 100%{} } 第二种：@keyframes 动画名{ from{} to{} } 第二种只适合动画只有初始状态和结束状态 兼容：@-webkit-keyframes 2、第二步：触发
阅读全文
posted @ 2021-07-01 11:58
phantom_yy
阅读(48)
推荐(0)
摘要：
1、column-count：n 设置内容分为几列 2、column-gap：npx 设置列间距 3、column-rule：2px solid #000 设置分割线 4、column-span：设置标题的位置（标题单独设置） all：在所有列的上方显示 1：默认在第一列上方显示（默认值） 5、co
阅读全文
posted @ 2021-06-30 16:53
phantom_yy
阅读(47)
推荐(0)
摘要：
1、线性渐变 background：linear-gradient（渐变的方向，颜色1，颜色2） 渐变的方向： （1）单一方向渐变 标准模式：to bottom 从上到下渐变 兼容模式：bottom 从下到上渐变 （2）对角方向渐变 标准模式：to right bottom 从左上角到右下角 兼容模
阅读全文
posted @ 2021-06-30 16:21
phantom_yy
阅读(118)
推荐(0)
摘要：
1、meta标签的设置 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximun-scale=1.0,user-scalable=no"> width=device-width：宽度等于当前设备的宽度 i
阅读全文
posted @ 2021-06-30 12:00
phantom_yy
阅读(47)
推荐(0)
摘要：
1、display：flex 弹性盒的作用就是控制子元素按照主轴方向进行排列。 如果在弹性盒里设置单独子元素在父元素水平垂直居中 父元素：display：flex 子元素：margin：auto 弹性盒下的子元素：灵活元素，内联元素也能设置宽高 2、flex-direction：定义弹性盒的主轴方向
阅读全文
posted @ 2021-06-29 12:01
phantom_yy
阅读(161)
推荐(0)
摘要：
一、用边框画三角形 不要的边框设置成透明（transparent） div { height: 0; width: 0; border: 10px solid rgb(161, 44, 44); border-color: transparent transparent transparent rg
阅读全文
posted @ 2021-06-27 18:26
phantom_yy
阅读(80)
推荐(0)
摘要：
一、BFC的布局规则 BFC是一个独立的渲染区域，规定了块元素如何布局排版，有自己的布局规则。 1、定义块元素垂直排列、上下显示 2、上下盒子的margin会重叠 3、盒子左边的外边距和左边的边框会接触 4、BFC区域不会跟float区域重叠 5、每一个BFC都是独立的容器，相互之间不会影响 6、计
阅读全文
posted @ 2021-06-25 10:06
phantom_yy
阅读(29)
推荐(0)
摘要：
项目中使用到，记录一下简单的demo 1、安装filesaver npm install file-saver --save 2、导出方法 import { saveAs } from "file-saver"; //方法 exportTable() { const blob = new Blob(
阅读全文
posted @ 2021-06-23 09:45
phantom_yy
阅读(298)
推荐(0)
摘要：
一、自适应两栏布局 left盒子加float：left right盒子设置overflow：hidden 原理：BFC布局规则，浮动元素跟BFC区域不会重叠 二、file上传文件框，样式不能改，用label包裹 <label for="btn"> <input type="file" name=""
阅读全文
posted @ 2021-06-22 19:00
phantom_yy
阅读(586)
推荐(0)
摘要：
一、自适应 1、宽度自适应 块元素不设置宽度或是块元素设置宽度100%，块元素的宽度占满整个父级的宽度。 （1）不设置width（块元素是占位置，元素类型没有受影响） （2）width：100%（元素类型受影响，脱离文档流，设置浮动、绝对定位、固定定位） calc（）可以动态计算数值 （1）使用ca
阅读全文
posted @ 2021-06-21 17:51
phantom_yy
阅读(46)
推荐(0)
浙公网安备 33010602011771号
浙ICP备2021040463号-3
