制作这个案例前，需要准备这些。
1.掌握scss的使用，当然不用也可以，使用scss会比较高效。
2.掌握利用css3的box-shadow、border、border-radius的实现绘图。
3.掌握css3的动画方法。
4.一些耐心、一些创意（创意可以让你更好）
5.学会解析案例，先看静态图。...
分类：
Web程序 时间：
2014-09-05 08:46:41
阅读次数：
244
题目链接：http://acm.hdu.edu.cn/showproblem.php?pid=4986题目意思：有 n 个box（从左到右编号依次为1~n），每个box里面有一个随机的钥匙，有可能这条钥匙恰好可以开到这个box，但大多数情况下是不能够的。问期望值是多少。（例如对于两个box，有可能装...
分类：
其他好文 时间：
2014-09-04 20:53:00
阅读次数：
248
history | awk '{print $2;}' | grep -v '^./' | sort -d | uniq -c | sort -nr | head -n 10grep, '-v' means invert-match,'^' specify the begin of a line.s...
分类：
系统相关 时间：
2014-09-04 18:40:19
阅读次数：
231
今天在项目中遇到check box的Content的内容缺少'_', 原因是WPF的ContentPresenter默认会把‘_’作为加速键的转义字符。 比如CheckBox的content为“_IsEnable”, 实际结果：显示为“IsEnable”； 当你按键“i”时，会触发Click事件，就可以快速的选中或者取消选中。如果想要显示‘_’, 可以将控件内部的ContentPresenter的...
分类：
其他好文 时间：
2014-09-04 15:02:49
阅读次数：
216
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
其他好文 时间：
2014-09-03 16:47:26
阅读次数：
353
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2014-09-03 09:38:34
阅读次数：
249
Missing styles. Is the correct theme chosen for this layout?Use the Theme combo box above the layout to choose a different layout, or fix the theme st...
分类：
移动开发 时间：
2014-09-03 01:30:35
阅读次数：
296
今天在做时间滑动条的时候，遇到box-sizing的问题，记录下来。举个例子，下面的布局： （1）css中没有加下面的设置：* {-webkit-box-sizing: border-box;-moz-box-sizing: border...
分类：
其他好文 时间：
2014-09-02 21:11:55
阅读次数：
267
nie.config.copyRight.setGray();var nieCarousel = (function ($) { var defaultOptions = { children: '.center-slide-box a', nextBtn: '.s...
分类：
Web程序 时间：
2014-09-02 19:41:55
阅读次数：
262
之前没有认真的研究过，padding-bottom的值如果是百分比，那么它的实际值是根据父类的宽度来调整的。我还以为是根据这个元素的本身的宽度来定义呢？汗。。padding-top/padding-left/padding-right也是一样算。不过现在有一个CSS3属性叫box-sizing，可以...
分类：
Web程序 时间：
2014-09-02 19:30:15
阅读次数：
854
