... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

这是个老掉牙的需求啦，不过仍然有很多人在网上找解决方案，特别是搜索结果排名靠前的那些，都是些只会介绍兼容性不好的使用-webkit-line-clamp的方案。 如果你看到这篇文章，可能代表你正是从那么多千篇一律的文章中跳转过来的，想找更好地方案的。那恭喜你，没有更好的，只有更…

1. 默认第一个参数如果不写就是从上到下的 2. 如果有第一个参数(top/left/bottom/right) 3. 使用角度也可以angle(角度值deg)进行控制 1. 可以使用英文字母进行颜色控制 2. 可以使用16进制#RRGGBB进行颜色控制 3. 可以使用16进制…

Flex 弹性盒子布局是很强大的布局，它可以很方便的控制元素在垂直和水平方向上的行为。 要使用 Flex，首选需要一个 Flex 容器（flex container）。使用display: flex;创建，flex 是一个 CSS 的display属性中新添加一个值，而容器下的…

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…

SASS 常用汇总

图片懒加载是老生常谈的话题，而这一组件展示了如何将“模糊->清晰”的渐变效果和图片加载相结合，实现模糊加载的效果。同时，使用动画的黑科技，支持动态添加元素。

前几天，参与公司项目的后台管理员页面的二次开发，在项目中遇到了些兼容性问题，做个总结，记录下此文档方便以后查看，也欢迎大家提供更棒的解决方法哦。【ps:在项目中问题一个一个的暴露，有点小慌张】 我把line-height:34px修改成：line-height:30px;在火狐…

你可能认为 CSS 只是一种简单地为网页设计样式的语言，但它的功能比你想象的要多得多。 从逼真的图像到甚至是视频游戏，你会惊讶地看到一个优秀的开发者可以用 CSS 做些什么。 这里有各种滤镜和特效，它们都是开源的，可以用在你自己的 web 项目中。 这些模块有的机遇 JavaS…