原文来自：https://jellybool.com/post/css-that-you-may-not-know 补充篇在这里 http://segmentfault.com/a/1190000003029085 昨天…

转载自个人博客 1.常用选择器 1.1标签选择器 p{ }/*选择标签名为p的元素*/ 1.2类选择器 .box{ }/*选择class名为box的元素*/ 1.3ID选择器 #pid{ }/*选择id名为pid的元素*…

Retina 要解决这个问题，我们就要先了解Retina到底是什么？ 所谓“Retina”是一种显示技术，可以把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度。 在超高清屏(dpr=3)的情况…

Sass 和 Scss 区别 sass结尾的文件有着更严格的格式要求，scss文件更贴近原生css 比如sass文件 #main color: #fff &-sidebar border: 1px solid 等…

原生app里的数据列表都会使用下拉刷新的效果，在webapp里可以采用iscroll、swiper等插件或框架实现，那么如何自己编码实现类似的效果呢，下面介绍使用原生js+css3实现的简单效果。 html布局 <…

本篇文章将给大家带来一个css3的黑科技：如何仅仅使用css来实现全景图的效果？ 最终效果演示：demo 页面布局 <div class="panorama"></div> 基础样式 首先定义一些…

前言 Google Material Design花了很大篇幅介绍了优雅自然的动画应该具备哪些特性。不仅仅是视觉上的观感，还能帮助提高用户界面的可用性，提升用户体验。官方文档讲的很细致，有很多典型视频示例，可惜缺少代码示…

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。 备注：transparent的属性值在android下无效。 …

整理完了《高性能JavaScript》这本书，往下就需要快速处理《CSS世界》，这本讲解CSS特性的书非常值得一读，内容完整，重点突出，实战性强，就是语言啰嗦。由于全书内容太多，而且需要一点一点的整理，所以放到了站点上，…

使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ img.desaturate { filter: …

今天做东西，遇到了这个问题，百度后总结得到了这个结果。 首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 whit…

一、用户可选择微信支付或者支付宝支付 <div class="checkbox"> <input @click="getPayType" class="choose" id="wechat" name=…