Jone's Area

1、linear-gradient 线性渐变 background-image: linear-gradient(direction, colorOne, colorTwo, ...); direction：角度或者方向，90deg或to left这种，如下例子 /* 从上到下，蓝色渐变到红色 */ linear-gradient(blue, red); /* 渐变轴为45度，从蓝色渐变到红色 */ linear-gradient(45deg, blue, red); /* 从右下到左上、

隐藏 .pageAll{ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } ::-webkit-scrollbar { display: none; /* Chrome Safari */ } 自定义样式（只在webkit内核的浏览器有效） ::-webkit-scrollbar { width : 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;

.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.

Study 基本用法：scss/sass基操 1、安装 npminstall sass-loader --save-dev npm install node-sass --sava-dev 2、单页面使用 <style lang="scss" > .pageBody{ width:100%; } </style> 3、全局引用 npminstall sass-resources-loader --save-dev 删除buil..

https://www.cnblogs.com/coco1s/archive/2017/07/18/7197662.html

在项目中我们经常需要用到一些图标 第一个想到的都会是去哪哪哪下个图片，说实在的，是真的不好，图片资源相对icon大多了，而且找图片很是头疼。 今天推荐阿里iconfont给大家！https://www.iconfont.cn/ 进入网页后搜索自己需要的icon，可以直接下载使用。 当然我今天推荐的肯定不是这种方式。 我们可以将icon当做css字体使用，如下 1、新建项目 2、添...

css的单位越来越多了，怕混淆，记个小本本 一、em和rem 1)、em 当前字体大小。如果你在body元素上设置一个字体大小，那么在body元素内的任何子元素的em值都等于这个字体大小。 如果body中的div字体大小写了 x em,那么实际这个font-size就等于x乘以body的font-size值 html,body{ font-size:10px; } div{ ...