06 2017 档案

通过伪元素指定不同语言下的引号
摘要：要指定不同语言下的引号，只需通过伪元素进行生成即可： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> :lang(en){ quotes: '"' '"'; } 阅读全文
posted @ 2017-06-09 20:44 _Jo 阅读(116) 评论(0) 推荐(0)
媒体查询中的打印
摘要：项目中要实现打印特定的文章，所以要隐藏一些元素，当时是用js实现的隐藏，忘记了css3就有这么个媒体查询。 只需要指定@media print{}就可以指定打印出来的样式。 另外，因为是css3的内容，因此IE9+才支持。 阅读全文
posted @ 2017-06-08 21:41 _Jo 阅读(537) 评论(0) 推荐(0)
使用Unicode字符实现换行
摘要：要让inline元素换行可以使用Unicode字符实现： 阅读全文
posted @ 2017-06-08 21:26 _Jo 阅读(4095) 评论(0) 推荐(0)
css计数器
摘要：很多时候要是实现一行文字前面的序列号的话，可能会直接添加个新元素或者利用before伪元素实现。但如果是多行文字的序列号的话，就不是那么简单了。 恰好，css就有这么个计数器可以实现这个功能。 就以上三个属性。但使用起来可不是这么简单： 以上的是同一级的计数器，没嵌套。 以下的是有三级的嵌套： 详情 阅读全文
posted @ 2017-06-07 22:20 _Jo 阅读(192) 评论(0) 推荐(0)
使用area标签模仿a标签
摘要：众所周知，map标签可以给img图像标记热点区域，而area标签就是跟map标签一起使用的。 但area标签的作用可不止用来标记热点，因为它也有href属性，因此某些场景可以代替a标签进行页面跳转。 什么样的场景会需要这个？ 详情请看这篇文章。 阅读全文
posted @ 2017-06-06 21:33 _Jo 阅读(226) 评论(0) 推荐(0)
移动端判断触摸的方向
摘要：最近做微信端页面，于是趁周末梳理了下移动端的事件这一块。 通过判断手指在屏幕上移动的位置减去手指放在屏幕上时的位置，就可以得出是往什么方向滑动： 这里是通过计算得出来的x轴的距离跟y轴的距离相比较来判断的。 阅读全文
posted @ 2017-06-03 20:56 _Jo 阅读(638) 评论(0) 推荐(0)