css
文章平均质量分 52
weixin_42554311
这个作者很懒,什么都没留下…
展开
-
字体图标变色
字体图标变色效果如下:(双箭头字体图标)三步:background: -webkit-linear-gradient(left, #5b69b0, #7588e0); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #5b69b0, #7588e0); /* Opera 11.1 - 12.0 */backg...原创 2018-09-26 10:43:12 · 1062 阅读 · 0 评论 -
input框修改placeholder默认颜色
//修改input输入框的默认样式input{ background:none; outline:none; border:0px;}//修改placeholder的默认颜色:input::-webkit-input-placeholder{ color:#585c89;}input::-moz-placeholder{ /* Mozilla Firefox ...原创 2018-08-21 09:45:16 · 25753 阅读 · 0 评论 -
弹框编写
类似于下图的这种弹框css编写。1清晰弹框的结构HTML<div class="men_ban" v-if="false"></div>//外部遮罩层 <div class="conformDialog">//最大的容器 <div class="title">//头部原创 2018-08-17 10:21:12 · 191 阅读 · 0 评论 -
flex布局讲解
flex布局是一种重要的布局方式,应用flex布局可以轻松搞定很多我们常见的布局,比传统的布局方式更加的方便,代码量比较少。下面我们就来看下例子。一、Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各...原创 2018-08-05 17:59:23 · 269 阅读 · 2 评论 -
flex布局应用场景
flex布局应用场景(一)骰子布局参考:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html(二)网格布局(1)基本网格布局 最简单的网格布局,就是平均分布。在容器里面平均分配空间,骰子布局很像,但是需要设置项目的自动缩放。实...原创 2019-03-05 17:21:38 · 3461 阅读 · 0 评论 -
sass混入方法不生效问题(引入都正常的情况下)
做项目的时候遇到了使用混入方法不生效,但是才其他的选择器里面还可以生效,只是在自己写的选择器中不生效,后来发现了问题所在:必须把/deep/ 必须放到选择器后面写,/deep/放到选择器前面其他样式生效,混入的方法@include background('color13');和 @include border(color6, "border-bottom");不生效所以切记/deep/...原创 2019-03-19 15:10:11 · 3501 阅读 · 1 评论