最近 Google I/O 大会开的是热火朝天，我也一直在关注与 Web UI 和 CSS 有关的话题。在这篇文章中介绍了有关于 Web UI 和 CSS 方面的近 20个新特性

CSS是网页界的时尚教父，负责把HTML页面装扮得美轮美奂。通过CSS，你可以让网站变得更加生动、具有吸引力和独特性，而且还能提升用户体验，吸引更多的流量。这就像是一场华丽的服饰秀，你可以在其中穿梭

本文是看了志佳老师的公开课学习的，**模仿淘宝的加入购物车动画**，实现贝塞尔曲线运动的动画路径效果,如下所示。 贝塞尔曲线在 web 开发领域同样占有一席之地。CSS3 新增了 transition-timing-function 属性，它的取值就可以设置为一个三次贝塞尔曲线…

前言 为了深入了解 flex 布局，我用 它 写了 9个麻将，当然，你也可以试试骰子，大同小异。 一、初始布局与公共样式 一开始是想用 div 来写，后来改成 ul li 更合适。 1、基础布局 2、

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

修改input placeholder样式、多行文本溢出、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！

修改 placeholder 样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道，这里有20个CSS技巧，让我们一起来看看吧。 1.

纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！