CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。 有个错误有必要每次讲到伪类都提一下，有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求，目的是为了区分伪类和伪元素，大多数浏览器都支持下面这两种表示方式。…

原本我的文章标题是深入探讨line-height与vertical-align的疑难杂症，但这样似乎没能针对性的抛出一个问题，故改成“彻底搞定vertical-align垂直居中不起作用疑难杂症”。因此，本文讲解的还是line-height和vertical-align。至于各…

做微信的网页基本上都要接入微信的sdk，我在做的时候，也颇费了一番功夫，然后就想记录一下，供自己日后翻阅，以及让有需要的朋友可以做一下参考，如果喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 开始之前大家可以先读一读微信公众号的 接入文档，vue是单页面项目，比如你想要接入…

用css3做一个3D的盒子，可用鼠标拖动或滑动滚轮转换视角

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

先来一张呆萌小度熊的成果照。 在绘制小度熊之前，首先要对小度熊布局上进行一个分解，便于我们组织代码结构。 从整体结构上主要分成耳朵，头部和身体。我们统一对将胳膊，肚子和腿都放到了身体的部分里。 结构调整好之后，我们先把背景容器的位置和大小设置一下。在开发的时候，可以先给背景设置…

CSS3 常见的动画效果： 有些效果工作上用得到，有些效果面试会用到，比如第二个效果，我记得当时被面到过，今天分享给大家。 1，皮球掉地上弹起来 2，纯 CSS 实现 gif 效果 3，图片移动 4，实现打字输入效果 github: https://github.com/hankzhuo/Blog/blob/master/CSS/一些动画效果.md 欢迎大家 star or fork，我会持续更新的。

5分钟极速上手 CSS Grid作者：jensimmons 原文：http://jensimmons.com/post/aug-15-2017/heres-super-quick-way-try-out-css-grid 最值钱的是作者写的小练习，试一试，轻松上手 CSS Gr…