@-moz-document url-prefix() { 
  .cssSelector {
     font-size: 14px;
  }
}

<h1 class="animated bounceOut">Animate.css</h1>

居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。

因此我写了这篇文章，希望能把他变得容易点。

• 你如何对网站的文件和资源进行优化？（期待的解决方案包括：文件合并，文件最小化/文件压缩，使用 CDN 托管，缓存的使用，其他）

• 为什么利用多个域名来提供网站资源会更有效？（浏览器同一时间可以从一个域名下载多少资源？）

• 请解释一下 * { box-sizing: border-box; } 的作用？并且说明使用它有什么好处？

• 描述以下变量的区别：null，undefined 或 undeclared？(该如何检测它们？)

• 为什么扩展 JavaScript 内置对象不是好的做法？

• 请解释变量声明提升。* 示例 var v='Hello'; (function(){ alert(v); var v='love'; })();

我在寻找

给一个字符的一半设置样式。(在本例中,字符的一半是透明的)

下面是目前我所寻找和尝试的:

• 将样式应用于字符或者字母的一半的方法
• 用CSS或JavaScript给字符部分设置样式
  
• 给字符的50%应用CSS
  

下面是一个例子,我想要获得的效果。

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web? 这个问题引起了广泛的争论。找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答。

当你动态地观察他们就很容易理解字体大小单位之间的区别。

一般来说：1 em = 12 pt = 16 px = 100%

当使用这些font-size, 增加基础本字体大小(使用CSS选择器)从100%到120%，让我们看看会发生什么。