Css
文章平均质量分 59
朝阳群众Jone
这个作者很懒,什么都没留下…
展开
-
css渐变
1、linear-gradient 线性渐变background-image: linear-gradient(direction, colorOne, colorTwo, ...);direction:角度或者方向,90deg或to left这种,如下例子/* 从上到下,蓝色渐变到红色 */linear-gradient(blue, red); /* 渐变轴为45度,从蓝色渐变到红色 */linear-gradient(45deg, blue, red); /* 从右下到左上、原创 2022-01-23 19:33:14 · 264 阅读 · 0 评论 -
css滚动条隐藏、自定义样式
隐藏.pageAll{scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE 10+ */}::-webkit-scrollbar { display: none; /* Chrome Safari */}自定义样式(只在webkit内核的浏览器有效)::-webkit-scrollbar { width : 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;原创 2020-07-23 15:20:04 · 302 阅读 · 0 评论 -
scss遍历数组,渲染多个class
.colTheme { color: #642fb5;}.bgTheme { background-color: #642fb5; border-color: #642fb5;}.colYellow { color: #f0ad4e;}.bgYellow { background-color: #f0ad4e; border-color: #f0ad4e;}.colGreen { color: #1aad19;}.bgGreen { background.原创 2020-07-08 17:12:30 · 1438 阅读 · 0 评论 -
vue项目使用scss/sass
Study基本用法:scss/sass基操1、安装npminstall sass-loader --save-devnpm install node-sass --sava-dev2、单页面使用<style lang="scss" > .pageBody{ width:100%; }</style>3、全局引用npminstall sass-resources-loader --save-dev删除buil..原创 2020-07-02 14:48:11 · 657 阅读 · 0 评论 -
Css海浪
https://www.cnblogs.com/coco1s/archive/2017/07/18/7197662.html转载 2020-06-10 09:55:03 · 262 阅读 · 0 评论 -
js使用icon-font,代替图片图标
在项目中我们经常需要用到一些图标第一个想到的都会是去哪哪哪下个图片,说实在的,是真的不好,图片资源相对icon大多了,而且找图片很是头疼。今天推荐阿里iconfont给大家!https://www.iconfont.cn/进入网页后搜索自己需要的icon,可以直接下载使用。当然我今天推荐的肯定不是这种方式。我们可以将icon当做css字体使用,如下1、新建项目2、添...原创 2019-11-26 11:31:13 · 3706 阅读 · 0 评论 -
em,rem,vh,vw,vmin,vmax
css的单位越来越多了,怕混淆,记个小本本一、em和rem1)、em当前字体大小。如果你在body元素上设置一个字体大小,那么在body元素内的任何子元素的em值都等于这个字体大小。如果body中的div字体大小写了 x em,那么实际这个font-size就等于x乘以body的font-size值html,body{ font-size:10px;}div{...原创 2019-08-20 14:26:08 · 430 阅读 · 0 评论