摘要：
作为一些还未被浏览器完全支持的伪选择器，作为渐进增强还是不错的。 placeholder-show：placeholder显示出来的时候 required：必填的输入框 disabled：禁止输入 read-only：只读 out-of-range：number类型的输入框超过了限定值 阅读全文
摘要：
点击多选框统计点击的有多少个，这样的功能一般是由js实现的，原来早有高人利用css实现了这样的功能： 阅读全文
摘要：
关于垂直对齐，之前研究过好几次了，但感觉每次都没研究透彻，做了几个效果，就觉得自己掌握了，实在是自欺欺人。真乃搞技术的大忌。 这两天又下定决心重新开始研究vertical-allign这个高深莫测的属性了，决定一举攻破城池。但由于这个属性牵扯到的东西实在太多，line-height、盒模型等，都是c 阅读全文
摘要：
要指定不同语言下的引号，只需通过伪元素进行生成即可： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> :lang(en){ quotes: '"' '"'; } 阅读全文
摘要：
项目中要实现打印特定的文章，所以要隐藏一些元素，当时是用js实现的隐藏，忘记了css3就有这么个媒体查询。 只需要指定@media print{}就可以指定打印出来的样式。 另外，因为是css3的内容，因此IE9+才支持。 阅读全文
摘要：
要让inline元素换行可以使用Unicode字符实现： 阅读全文
摘要：
很多时候要是实现一行文字前面的序列号的话，可能会直接添加个新元素或者利用before伪元素实现。但如果是多行文字的序列号的话，就不是那么简单了。 恰好，css就有这么个计数器可以实现这个功能。 就以上三个属性。但使用起来可不是这么简单： 以上的是同一级的计数器，没嵌套。 以下的是有三级的嵌套： 详情 阅读全文
摘要：
众所周知，map标签可以给img图像标记热点区域，而area标签就是跟map标签一起使用的。 但area标签的作用可不止用来标记热点，因为它也有href属性，因此某些场景可以代替a标签进行页面跳转。 什么样的场景会需要这个？ 详情请看这篇文章。 阅读全文
摘要：
最近做微信端页面，于是趁周末梳理了下移动端的事件这一块。 通过判断手指在屏幕上移动的位置减去手指放在屏幕上时的位置，就可以得出是往什么方向滑动： 这里是通过计算得出来的x轴的距离跟y轴的距离相比较来判断的。 阅读全文
摘要：
整理以前的文件时看到之前写过的圆形的碰撞检测，简单记录下。 阅读全文