导航

• 博客园
• 首页
• 新随笔
• 新文章
• 联系
• 订阅
• 管理

06 2021 档案

• css3多列
  摘要：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 阅读(54) 评论(0) 推荐(0)
• css3渐变
  摘要：1、线性渐变 background：linear-gradient（渐变的方向，颜色1，颜色2） 渐变的方向： （1）单一方向渐变 标准模式：to bottom 从上到下渐变 兼容模式：bottom 从下到上渐变 （2）对角方向渐变 标准模式：to right bottom 从左上角到右下角 兼容模 阅读全文
  posted @ 2021-06-30 16:21 phantom_yy 阅读(131) 评论(0) 推荐(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 阅读(55) 评论(0) 推荐(0)
• 弹性盒
  摘要：1、display：flex 弹性盒的作用就是控制子元素按照主轴方向进行排列。 如果在弹性盒里设置单独子元素在父元素水平垂直居中 父元素：display：flex 子元素：margin：auto 弹性盒下的子元素：灵活元素，内联元素也能设置宽高 2、flex-direction：定义弹性盒的主轴方向 阅读全文
  posted @ 2021-06-29 12:01 phantom_yy 阅读(178) 评论(0) 推荐(0)
• css扩展
  摘要：一、用边框画三角形 不要的边框设置成透明（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 阅读(84) 评论(0) 推荐(0)
• BFC
  摘要：一、BFC的布局规则 BFC是一个独立的渲染区域，规定了块元素如何布局排版，有自己的布局规则。 1、定义块元素垂直排列、上下显示 2、上下盒子的margin会重叠 3、盒子左边的外边距和左边的边框会接触 4、BFC区域不会跟float区域重叠 5、每一个BFC都是独立的容器，相互之间不会影响 6、计 阅读全文
  posted @ 2021-06-25 10:06 phantom_yy 阅读(40) 评论(0) 推荐(0)
• Angular纯前端实现table表格导出
  摘要：项目中使用到，记录一下简单的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 阅读(308) 评论(0) 推荐(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 阅读(601) 评论(0) 推荐(0)
• css回顾2
  摘要：一、自适应 1、宽度自适应 块元素不设置宽度或是块元素设置宽度100%，块元素的宽度占满整个父级的宽度。 （1）不设置width（块元素是占位置，元素类型没有受影响） （2）width：100%（元素类型受影响，脱离文档流，设置浮动、绝对定位、固定定位） calc（）可以动态计算数值 （1）使用ca 阅读全文
  posted @ 2021-06-21 17:51 phantom_yy 阅读(50) 评论(0) 推荐(0)
• css回顾
  摘要：一、包含选择器 1、父子选择器（通过父元素选择子元素，只能往下选择器一层，只能是父子，不能隔层） 父元素>子元素 2、后代选择器（只要满足包裹关系都能选中） 祖先 后代 二、伪类选择器 a:link 访问前的样式 a:visited 访问后的样式 a:hover 鼠标移入的样式（所有标签都能设置） 阅读全文
  posted @ 2021-06-03 14:50 phantom_yy 阅读(92) 评论(0) 推荐(0)