倒影问题(reflect:below)
摘要:这个例子灵感来源于实现一个登录框下方的倒影: .box { width: 300px; height: 200px; border: 1px solid #1f637b; -webkit-box-reflect: below 10px -webkit-linear-gradient(rgba(255
阅读全文
posted @
2019-02-28 17:30
小虾米吖~
阅读(203)
推荐(0) 编辑
sass动态实现颜色平铺显示
摘要:@function stripes($position,$colors) { $colors: if(type-of($colors)!='list', compact($colors), $colors); $gradient: compact(); $len: length($colors);
阅读全文
posted @
2019-02-20 09:49
小虾米吖~
阅读(269)
推荐(0) 编辑
sass创建web项目环境步骤
摘要:1)npm创建web前端项目环境步骤 1、新建文件夹,在该文件下进入cmd控制台2、输入命令 npm init 回车3、name:名字只支持小写,不支持大写,将大写的名字改为小写即可4、version:随便写一个5、description:描述6、entry point:index.html 之后可
阅读全文
posted @
2019-02-19 11:50
小虾米吖~
阅读(265)
推荐(0) 编辑
sass—使用自定义function和@each实现栅格布局
摘要:/*使用自定义function和@each实现栅格布局*/ @function buildLayout($num: 5){ $map: (defaultValue: 0); //不能直接生成col,需要设置一个默认值 $rate: percentage(1 / $num); //均分并取百分数 @f
阅读全文
posted @
2019-02-18 17:10
小虾米吖~
阅读(280)
推荐(0) 编辑
sass进阶—函数
摘要:/*内置函数*/ /*1)常规的rgb,rgba函数*/$color:rgb(255,255,162);body{ color: $color; background-color:rgba($color, 0.5); /*2)lighten,darken函数*/ span{ color: darke
阅读全文
posted @
2019-02-18 16:42
小虾米吖~
阅读(195)
推荐(0) 编辑
sass进阶—mixin的使用(浏览器兼容性调整)
摘要:@mixin content($color:red,$fontSize:14px){ color:$color; font-size: $fontSize;} /*调用含参数的mixin,使用更加灵活1、传递多个属性的参数时需要指定变量名,否则将无法找到是哪个属性2、一个参数需传递多个参数值时,需在
阅读全文
posted @
2019-02-18 16:06
小虾米吖~
阅读(527)
推荐(0) 编辑
sass进阶—变量运算
摘要:/*变量操作 (两个变量之间的运算符需要用空格隔开,否则会报错。)==,!= <,>,<=,>=+,-,*,/,% */ $width1:50px;$width2:100px;body{ width: $width1 + $width2; height: $width2 - $width1;} /*
阅读全文
posted @
2019-02-18 15:37
小虾米吖~
阅读(369)
推荐(0) 编辑
sass基础—继承及占位符
摘要:/*继承:@extend ,继承多个类时使用逗号隔开*/.alert{ color: #f00;}.info{ width: 100px;} .text-danger{ background-color: #f0f; @extend .alert,.info;} /*链式继承*/.one{ colo
阅读全文
posted @
2019-02-18 14:36
小虾米吖~
阅读(230)
推荐(0) 编辑
sass基础—属性嵌套以及跳出嵌套 @at-root
摘要:/*注意:定义的变量若是没有使用则不会编译到css文件中。*//*1)sass的局部变量*/$font:14px;//定义$font:12px !default; //没有default时是重新赋值,有了它则先取12再重新赋值为14$maps:(color:black,border-color: b
阅读全文
posted @
2019-02-18 11:06
小虾米吖~
阅读(492)
推荐(0) 编辑
sass在项目中的使用:借鉴其他博主
摘要:https://www.jianshu.com/p/29f552d634ff
阅读全文
posted @
2019-02-15 17:53
小虾米吖~
阅读(137)
推荐(0) 编辑
sass基础—具体编译步骤及对应命令:详细
摘要:/*基础语法*/h1{ color: red;} /*变量定义*/ $color: red; /*嵌套*/body{ header{ } footer{ }} /*mixin函数*/@mixin alert($color: blue){ color: $color;} /*继承*/.blcok{ w
阅读全文
posted @
2019-02-15 17:28
小虾米吖~
阅读(324)
推荐(0) 编辑
ruby安装sass和compass步骤
摘要:依赖ruby,所以需要安装Ruby 如何安装Ruby呢?在windows下通过RubyInstaller来安装,安装过程中需要选择第二项 1.ruby -v 2.gem install sass (如果这个步骤报错就运行以下) 3.gem sources --remove https://rubyg
阅读全文
posted @
2019-02-15 10:11
小虾米吖~
阅读(199)
推荐(0) 编辑
easyui 布局之window和panel一起使用时,拉动window宽高时panel不跟随一起变化
摘要:项目开发中布局是每一个组件都由最外层的window和内部的至少一个panel组成,其他的细小组件再依次放到panel中。 问题:当拉动外部的window时我们希望内部的panel的宽高也跟着变化,但是并没有,尤其拉动其高度是更为明显,panel的高度会固定在内容所需的宽度或者说是我们定义时的宽度,w
阅读全文
posted @
2019-02-14 14:43
小虾米吖~
阅读(482)
推荐(0) 编辑
easyui组件window拖动时超过浏览器顶部则无法拖回
摘要:项目研发过程中遇到一个问题,easyui的window可以随意拖动或者放大缩小,但是鼠标只有放在“header”上面时鼠标箭头才会变成四个方向的箭头,也就是只有在这时才能拖动窗口;但是当拖动的窗口超过浏览器界限时便无法将其拖回。于是百度上一看,便有了这位博主的解决办法,亲测有效。大体思路就是让其不超
阅读全文
posted @
2019-02-14 14:29
小虾米吖~
阅读(351)
推荐(0) 编辑