今天偷个懒，不长篇大论，分享几个你可能不知道的 CSS 小知识。 答案你们应该是知道的。 样式选择器中间的空格是什么？它的名字是 —— 后代选择器。 耗能与否取决于项目的体积，但不建议使用没有意义的后代选择器。例如： 因为浏览器首先会找到所有 p 标签，然后再向上查找包含 cl…

在日常布局当中，肯定经常会遇到文本内容超过容器的情况。非常常见的一种解决方案是超出省略。 这种情况下，在容器定宽但是文本又溢出且不能换行的情况下，我们就需要寻求另外的解决方案。 当然，这种方法简单但是可能缺乏点用户体验。 我们先假设一下，我们的容器的宽度如果是固定的，但是不确定…

本文阿宝哥将给大家介绍十个 「“惊人"」 的文字动画效果，希望阿宝哥精心录制的十个 Gif 动画能让大家感到 「”惊艳“」，当然更希望这些特效能给大家实现文字动画效果时带来一些 「”灵感“」。 在日常工作中，如果小伙伴们也想实现文字动画特效，阿宝哥推荐一个用于实现 CSS3 文…

CSS Animations 的出现让你在文档和应用上创建不可思议的动画效果成为了可能。但是，有一些你想实现的东西可能并非如此浅显，或者说你不能轻易的想出一种聪明的方式来完成它们。这篇文章包含了一系列的提示与技巧来使得你的工作更加容易，其中包括了如何让一个已经停止的动画重新运行…

编写CSS样式时，其实有很多技巧可以节省HTML元素和让CSS更加的DRY，在这跟大家分享下。 文章将大量举各种示例，让同学们能更加清楚CSS的魅力所在。 文章将持续输出，增加一些新奇的或者唯美的示例。。。 半透明边框相信很多前端小伙伴都经常遇到过，UI设计师也经常性设计出这类…

前几天，同事接到一个积分商城项目，其中有一个卡券兑换礼品功能。我想了一会没什么好的思路，就忙自己的项目去了。但想到以后自己可能也会遇到类似的需求，所以周末学习整理了下几种卡券效果的实现。

...

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 没错，就是这么任性，每个动图就一个标签，而且无图无JS！下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…