@-moz-document url-prefix() {
.cssSelector {
font-size: 14px;
}
}
<h1 class="animated bounceOut">Animate.css</h1>
居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦?所以有人被嘲笑。我觉得问题不是没有办法做到,只是视情况而定,有很多不同方式,但是很难弄清楚应该用何种方式。
因此我写了这篇文章,希望能把他变得容易点。
在CSS中,你可以使用一个小标记来表示分栏的样式,并且自适应页面的大小。CSS的分栏是一个有趣的选项,简单的几行CSS代码即可创建响应式且向后兼容的流式布局。目前已经支持IE10+, Firefox, Chrome等主流浏览器,以下是几行代码,即可将一段文字分成两栏。 (PS: 当页面总宽度放不下两栏时,则会自动分为一栏, 如Chrome中 width < 400px)
article{ -webkit-columns: 2 200px; -moz-columns: 2 200px; columns: 2 200px; }
你如何对网站的文件和资源进行优化?(期待的解决方案包括:文件合并,文件最小化/文件压缩,使用 CDN 托管,缓存的使用,其他)
为什么利用多个域名来提供网站资源会更有效?(浏览器同一时间可以从一个域名下载多少资源?)
请解释一下 * { box-sizing: border-box; }
的作用?并且说明使用它有什么好处?
描述以下变量的区别:null
,undefined
或 undeclared
?(该如何检测它们?)
为什么扩展 JavaScript 内置对象不是好的做法?
请解释变量声明提升。* 示例 var v='Hello'; (function(){ alert(v); var v='love'; })();
我在寻找
给一个字符的一半设置样式。(在本例中,字符的一半是透明的)
下面是目前我所寻找和尝试的:
下面是一个例子,我想要获得的效果。
CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web? 这个问题引起了广泛的争论。找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答。
当你动态地观察他们就很容易理解字体大小单位之间的区别。
一般来说:1 em = 12
pt = 16 px = 100%
当使用这些font-size, 增加基础本字体大小(使用CSS选择器)从100%到120%,让我们看看会发生什么。