随笔分类 -  css

bootstrap2&3
摘要:一 、表格中 1. 3增加了响应式表格 为<table>外层div添加.table-responsive类,如果屏幕很窄 此时表格会出现横向滚动条 二、 表单中 1. 3中<label>标签不能省略,即便不想显示在界面中,可以加.sr-only类 2. 官网中基本实例:3内用.form-group类 阅读全文

posted @ 2016-02-25 11:46 流光易逝 阅读(161) 评论(0) 推荐(0)

ie-css3.htc
摘要:ie-css3.htc(让IE支持box-shadow,圆角,text-shadow)IE本身是shadow滤镜可以实现类似效果的,还有一些js和.htc的hack文件可以帮助你在IE中实现这一效果。我也无法一一都去尝试,这里只介绍我用过的一个。ie-css3.htc是一个可以让IE浏览器支持部份C... 阅读全文

posted @ 2016-01-10 03:06 流光易逝 阅读(1580) 评论(0) 推荐(0)

5步解决移动设备上的300ms点击延迟【译】【转载】
摘要:大多数基于触摸的浏览器设备,在点击时都会有个 300ms 的事件触发等待时间,做过 web app 开发的同学应该都遇到过这个情况,通过下面的5步可以轻松搞定这个延迟。虽然解决方法网上早就出来了,但是看到这篇文章是还是忍不住想翻译分享出来,系统地给大家一个解决思路.这个 300ms 为什么会被设计出... 阅读全文

posted @ 2015-12-10 18:04 流光易逝 阅读(239) 评论(0) 推荐(0)

webkit
摘要:-webkit-tap-highlight-color: transparent; Mobile上点击链接高亮的时候设置颜色为透明-webkit-user-select: none; 设置为无法选择文本-webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加... 阅读全文

posted @ 2015-11-23 18:41 流光易逝 阅读(281) 评论(0) 推荐(0)

贝兹曲线
摘要:cubic-bezier即为贝兹曲线中的绘制方法。图上有四点,P0-3,其中P0、P3是默认的点,对应了[0,0], [1,1]。而剩下的P1、P2两点则是我们通过cubic-bezier()自定义的。cubic-bezier(x1, y1, x2, y2) 为自定义,x1,x2,y1,y2的值范围... 阅读全文

posted @ 2015-08-13 14:30 流光易逝 阅读(433) 评论(0) 推荐(0)

隐藏元素的URL是否加载
摘要:结论chrome:隐藏的元素及其包含的背景图不会加载(样式隐藏元素的当前背景会加载)。hover的背景图不会加载,当hover时才加载。隐藏的img或img在隐藏的元素内也会加载。没有匹配的样式中,包含的背景不会显示。使用JS给隐藏的元素设置背景图时,会加载背景图。结论IE:hover的背景图不会加... 阅读全文

posted @ 2015-06-17 20:17 流光易逝 阅读(158) 评论(0) 推荐(0)

compass自动生成背景icon样式
摘要:导入compass sprites的功能包,@import "compass/utilities/sprites";第一步:设置icon合并后图片的间距设置需放在载入图片文件夹之前,$sprites-spacing: 10px;有时需要对部分小图标设置不一样的边距,可以以单个icon的名字指定$sp... 阅读全文

posted @ 2015-06-05 19:29 流光易逝 阅读(598) 评论(0) 推荐(0)

css 怪事经验
摘要:表单元素bug可以用type="tel"来代替type="number"解决Android 默认浏览器中 input 标签 number 类型的 placeholder 属性失效的问题,如果文字中有小数点时,不支持textarea placeholder 过长时不能自动换行,可以用::-webkit... 阅读全文

posted @ 2015-05-14 11:10 流光易逝 阅读(108) 评论(0) 推荐(0)

css 居中
摘要:ie9+ 自身垂直水平居中:position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);ie8+ 自身的垂直水平居中:(设定宽高) position: absolute; top: 0; left: 0; bottom: 0;... 阅读全文

posted @ 2015-05-04 10:49 流光易逝 阅读(118) 评论(0) 推荐(0)

移动平台对 meta 标签的定义
摘要:一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。1、http-equiv 属性的 Content-Type 值(显示字符集的设定)说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容。用... 阅读全文

posted @ 2015-04-27 17:44 流光易逝 阅读(130) 评论(0) 推荐(0)

css属性
摘要:CSS符号属性:list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字... 阅读全文

posted @ 2015-04-24 09:25 流光易逝 阅读(201) 评论(0) 推荐(0)

腾讯分析移动设备屏幕分辨率分析报告--转
摘要:本报告基于2012年12月至2013年1月上半月使用腾讯分析服务的网站的移动流量,针对国内移动设备屏幕分辨率分布进行了详细的统计分析。据CNNIC前不久发布的《中国互联网络发展状况统计报告》,截至2012年12月底,我国手机网民规模为4.20亿,较上年底增加约6440万人,网民中使用手机上网的用户占... 阅读全文

posted @ 2015-03-11 10:00 流光易逝 阅读(1718) 评论(0) 推荐(0)

sass入门
摘要:一、安装ruby(验证:ruby -v)gem install sass 转化命令:sass test.scss test.css 编译风格: * nested:嵌套缩进的css代码,它是默认值。 * expanded:没有缩进的、扩展的css代码。 * compact:简洁格式的css代码。 ... 阅读全文

posted @ 2015-02-27 13:49 流光易逝 阅读(161) 评论(0) 推荐(0)

一个关于float元素的布局
摘要:面试,碰到一个css题,完成这样一个的效果,在内部只有三个标签,并且顺序为红粉橙的情况下,怎么完成?初步想法是左边两个小块float,右边给一个为非float的元素加一个margin-left值,给出一个做法是: 当时不是上机,没有验证,回来测试,得到如下效果完了,clear:right,对下一... 阅读全文

posted @ 2014-11-24 15:27 流光易逝 阅读(1458) 评论(0) 推荐(0)

导航