随笔分类 - css
摘要：1.contain 宽高自适应 2.cover 宽度自适应,高度裁剪 3.具体值(例如100%,100%等) 拉伸,会失真
阅读全文
摘要：1.svg,canvas 2.border-radius+三角形实现方式 3.两个半圆，旋转其中一个半圆 4.clip(考虑兼容性) 其中，第3种方式可以绘制不同角度的扇形
阅读全文
摘要：1.justify-content和align-items 常用的就不多哔哔了 2.flex-direction: row 默认水平排列 column 纵向排列 row-reverse 水平倒序排列 column-reverse 纵向倒序排列 3.flex-wrap nowrap 默认不换行 wra
阅读全文
摘要：使用的是dart-sass,在使用vue-cli脚手架搭建项目时，选用css预处理器sass(dart-sass,node-sass),dart-sass不支持这种写法了，node-sass支持,而我们使用dart-sass就不支持/deep/这种写法 可以使用::v-deep来修改
阅读全文
摘要：reduce（callback(a,b,c,d),initValue）有两个参数 1.callback函数 callback有四个参数 （1）累计器，默认为数组第一项 （2）当前值 （3）当前值索引 （4）原数组 2.initValue:累计器的初始值 例: const arr = [1,2,3]
阅读全文
摘要：当padding-top、padding-bottom、margin-top、margin-bottom属性设置为百分比时，参考对象都是父级元素的宽度
阅读全文
摘要：思路: 使用锚点跳转以及css3新增的target伪类选择器 target伪类选择器介绍 :target是css3新增的一个伪类,用于选择当前活动的目标元素 纯css的tab栏切换代码实现 <ul> <li><a href="#content1">列表1</a></li> <li><a href="
阅读全文
