CSS3
分享CSS3新技术，CSS3动画，CSS3特效，CSS3代码和CSS3相关资源
纯CSS3使用vw和vh视口单位实现自适应
vw : 1vw 等于视口宽度的1%，vh : 1vh 等于视口高度的1%。本文介绍纯CSS视口单位vw和vh来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。
认识视口单位vm、vh在网页中的排版应用
由于视口单位涉及到计算，有一段时间我是抵制在工作使用视口单位。但就在上周，我克服了心中的抵制情绪，开始去了解视口单位在网页排版中的使用。在深入介绍视口单位以及其在网页排版中的工作原理时，先了解下有哪些常见的视口单位。
使用VH和VW实现真正的流体排版
视口（viewport）单位，使流体排版在页面上应用变为可能。视口单位是根据浏览器的视口尺寸的百分比来定义的。举个例子，1视口宽度（vw）等于视口宽度的1%，它不同于百分比的地方是，它的宽度是依赖于视口的宽度的，而百分比是元素的祖先元素来决定的。
rem与em的使用和区别详解
rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响。rem 单位可以从浏览器字体设置中继承字体大小。
CSS揭秘之沿着环形路径运动的动画
《CSS揭秘》里面发现一个很独特的一个动画，使用纯CSS3动画让一个元素沿着环形路径运动。听起来有点不可思议，本文将带你一起走进作者的文章中，由复杂到简单，由多个结构到简单结构解剖CSS3语句实现环形运动。
CSS3 calc()是怎么实现计算
CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。本文分析了calc()的计算使用方法及兼容性
CSS多行文字超出隐藏加省略号
本文通过两个思路介绍了纯CSS实现多行内容超出时加省略号的代码，一种是支持webkit的浏览器，使用CSS3属性-webkit-line-clamp来限制行数，一种是通过加了一个绝对定位的伪元素来伪造一个省略号放在文字的最后面。常用第二种，兼容性较好。
