前端工程师--则丸

填写form表单时发现chrome的一个好坑啊！当你之前提交过表单，再次获取input焦点时，会有一个记录之前填写过的文本的下拉列表式的自动填充效果，这个填充功能本生是什么问题的，但是谷歌浏览器给了个莫名其妙的黄色，用css样式重置它也没卵用，貌似是谷歌的底层样式就下面这段。。。折腾了半天，找到以下解决方式方法一：因为这玩意出现只有在

开发中 遇到个css的问题：怎么把头像（一个圆）放在信息框（一个矩形）里，让间隙部分透明，显示外层div的背景，起到更佳的视觉效果透明白色部分我是用边框，镂空部分是内容，这样表现的像圆是被镂出来的，

在网页布局中我们经常会用到display:inline-block;好处是：能够将块状元素按照内联元素的方式布局，同时能设置宽高。个人感觉很好用，可是用多了慢慢的问题就来了？1.display:inline-block;在IE6/7中不兼容解决办法：display:inline-block;*dsiplay:inline;*zoom:1;2.display:inline-b

// 引入scss变量文件@import "./variable.scss";/*=================================================================== 变量前缀为$ ,方法前缀为_====================================================================...

css之less混合函数方法 /* 参数*/// 阴影色@shadowColor: rgba(0,0,0,.20);// 文本框提示字颜色@placeholderColor: #97a8be;/* 函数*///---垂直居中布局.verticalLayout(@left: auto, @right: auto, @top: 0, @bottom: 0,...

css之stylus混合函数方法//变量前缀为$ ,方法前缀为_//---颜色变量//黑色$c_black = #313536$c_black02 = $c_black + 1 * 8% + 1 * .5deg$c_black03 = $c_black + 2 * 8% + 2 * .5deg$c_black04 = $c_black + 3 * 8% + 3 * .5deg...

聊一聊本人发现的使用transform的scale缩放属性的写法误区在使用对块级元素（非块级元素无transform属性）transform: scale(.88);   时，由于自身宽高都会缩小，原本使用left: 0; 看上去会显得像 left: 20px; 或者更大,所以我就按部就班，使用transform: scale(.88)  translateX(

通常情况下，我们使用text-shadow就足以实现文字发光，如图如图，如果文字比较大并且阴影范围也很大的话，阴影部分的颜色就会被拉得很淡。而往往我们不需要这种不够鲜艳的颜色，还要发光半径非常大，这又如何实现呢？下面看看我是怎样实现的，先上图小伙伴看见了没有，第一个字我给它从里到外加了4层发光效果语法：text

一、单行文字溢出处理（溢出后出现三个点...）overflow: hidden;white-space: nowrap;text-overflow: ellipsis;二.多行文字溢出处理（仅支持webkit内核，支持大部分移动设备）display: -webkit-box;overflow: hidden;text-overflow: el

设置浏览器默认样式是我们实现跨浏览器设计的不可缺少的一环。下面列出的是两大网站使用的黑认样式设置，文件名可起做reset.css，仅供参考：Yahoo：html{color:#000;background:#FFF;}   body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   fieldset,inpu

以下开关按钮， 主要还是css阴影的使用， 大多数人知都却很少用的， 单个元素可以使用多重阴影效果以下是css/* 开关站 */.m-switch-station{ width: 320px; height: 378px; background: rgba(9, 62, 53, 0.4); position: fixed; bottom: 1...