<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .mybtn{ display: inline-block; padding: 5px 8px; border: .5p ...
分类：
其他好文 时间：
2017-06-25 14:17:39
阅读次数：
107
主流浏览器 + IE10以上支持CSS3。 CSS3解决兼容问题，加前缀： chrom ， safire ：-webkit firfox ： -moz IE : -ms opera : -o CSS3简化了前端工作人员的设计过程，加快页面载入速度。 CSS3属性集合： border-radius,圆 ...
分类：
Web程序 时间：
2017-06-24 18:44:10
阅读次数：
213
/* 滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ background-color:#9f9e9e; height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius: ...
分类：
其他好文 时间：
2017-06-23 19:35:58
阅读次数：
216
在css3之前，要实现圆角的效果可以通过图片或者用margin属性实现(可以参考这里：http://www.hicss.net/css-practise-of-image-round-box/)。实现过程很繁琐，但CSS3的到来简化了实现圆角的方式。 CSS3实现圆角需要使用border-radiu ...
分类：
Web程序 时间：
2017-06-23 13:36:26
阅读次数：
293
矩形碰撞检测： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0;}#wrap { margin: 50p ...
分类：
其他好文 时间：
2017-06-23 10:42:42
阅读次数：
181
用table绘制 等宽等间距的单元 empty-cells: show; border-collapse: separate; table-layout: fixed; ...
分类：
其他好文 时间：
2017-06-22 17:42:38
阅读次数：
183
当你注意到一个有辨识度的特征在以固定的规律循环重复时，那它试图营造的自然随机性就会立刻崩塌。 CSS中使用质数，从而增加了随机的真实感。这个被alex walker定名为“蝉原则”。他最先提出了通过质数来着鞥家随机真实性的想法。这个方法不仅适用于背景，还可以用于其他涉及有规律重复的情况。 borde ...
分类：
Web程序 时间：
2017-06-22 12:03:11
阅读次数：
221
题目描述 Description Have you ever played quoit in a playground? Quoit is a game in which flat rings are pitched at some toys, with all the toys encircled ...
分类：
其他好文 时间：
2017-06-21 18:54:46
阅读次数：
251
绘制点和圆 img：图像。 center：圆心坐标。 radius：圆形的半径。 color：线条的颜色。 thickness：如果是正数，表示组成圆的线条的粗细程度。否则，表示圆是否被填充。 line_type：线条的类型。见 cvLine 的描述 shift：圆心坐标点和半径值的小数点位数。 画 ...
分类：
其他好文 时间：
2017-06-21 18:23:16
阅读次数：
216
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类：
Web程序 时间：
2017-06-20 22:23:06
阅读次数：
243
