qq_21058391的博客

http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%e5%8e%bb%e9%99%a4%e9%97%b4%e8%b7%9d/

1、http://blog.teamtreehouse.com/       简洁美观的学习网站2.https://github.com/       github也是有点小可爱的啊

1.一篇非常棒的文档点击打开链接2.如果字体出现模糊，则需要显示设置它的font-weight   ，选择器的优先级要尽可能的高！

font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

制作各类渐变线条 灰色线条 很好的缩放，用了calc() 动态计算定位 white line Github式彩色渐变线条,下面是放大后线条 突变式渐变 Beautiful ones Beautiful ones body{ font

这是我刚学CSS的时候一个热心教我的方法，我并不认识他，不过却让我很感动代码很简单，不多说了 Document body{ font-family:"Helvetica"; } .nav{ display:inline-block; position:relative; width:80px; text-

据说大师的成长的路线是这样的：follow the rule    >>>>>>break the rule >>>>>>>be the rule而作为前端小白，当然第一步就是空闲的时候多练习造轮子了。一般来说弹出层都要解决2个问题：   1.弹出层后，禁用html和body滚动   2.入场动画的制作我们先看一下效果图：1.HTML 页面

原文地址IOS 下 input[type=’tel’],input[type=’text’]输入框，在触发的时候，input会有一个灰色的背景色块，一闪而过，网上搜素了很多关键字，都一无所获，后来跟ios的开发同学聊了一下，他说ios有个原生的 highlight 的熟悉，原来如此。-webkit-tap-highlight-color这个属性只用于iOS (iPhon

1.弹性盒子布局版本问题**没区别**，仅是各阶段草案命名。- W3C 2009年第1次草案：[display:box;](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)- W3C 2011年第2次草案：[display:flexbox | inline-flexbox;](https://www.w3.org/TR/

::-moz-placeholder { color: mediumvioletred; text-indent: 5px; /* 没有用 */ opacity: 1!important;}:-ms-input-placeholder { color: mediumvioletred; text-indent: 5px;}::-webkit-inpu

移动端UI设计稿按照  iphone 6的尺寸1334*750viewport  667*375

原文地址：移动web页面的字体使用雅黑字体问题虽然解决了，但也带来了影响，一来消耗用户的流量，二来对页面的打开速度造成了延迟。总感觉不好，为了说服产品经理，找了三大手机系统的字体资料： ios 系统默认中文字体是Heiti SC默认英文字体是Helvetica默认数字字体是HelveticaNeue无微软雅黑字体android 系统默认中文字体是Droids

animate.css提供了一个非常炫酷的bounceInDown的效果比我之前自己写的要好很多，动画很精细@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

单行与多行文本溢出 书单来了| 有空抱怨生活，不如看书治愈 1 《爱德华的奇妙之旅》

加载图标很不错的加载图标gif，分享了

1.原文地址：15款手机端打开菜单动画过渡特效DEMO152.下面我们就仿着他的源码自己尝试写一下。不得不说由于是在移动端，这样的效果确实是狂酷耍帅吊炸天的漂亮！

1.先看看效果图：2.点击该刷新按钮通常会发送一下ajax请求，待到$(document).ajaxStop()。再移除该动画效果即可 CSS：.flash{ width:30px; height:30px; position:fixed; bottom:150px; right:50px;}.flash img{ width:30px; heig

1.今天上午，去了大学城图书馆，拿了一本《大唐李白》，还没看两页就犯困了。也是醉了。。。。看来还是喜欢玩点带有交互性的电脑。2.HTML 加载中... 2.CSSbody{ font-family:"Microsoft YaHei";}.grid{

老生长谈的问题了。由于学习了一下table 布局。简单总结一下 <div class="container1"> <div>table-cell: hello, I am your long lost penpal</div> </div> <div class="container2">