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

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

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

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

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

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

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

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

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

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

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

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

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

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