一种比CSS-Sprite更加方便在网页中嵌入大量图标的方法

1

这种思路是在一个国外的网站上发现的,设计者在网站中使用了很多小图标,但是并没有使用CSS-Sprite技术,而是使用了另外一种特殊的办法。那就是css3的font-face技术载入了一个自己做的字体文件,在需要显示的地方直接打上调用的字符。

CSS3动画参考

2

写在最前 随着浏览器对CSS3动画的支持越来越好(IE除外,IE10用户量还非常的少),以前很多只能用flash或者javascript实现的动画效果,现在用CSS3动画也能部分的实现了。作为一个前端攻城狮,我们有足够的理由去使用CSS3动画让用户有更好的体验。

用CSS3的Media Queries进行相应式网页设计(Responsive Web Design)

0

所谓的相应式网页设计主要是透过CSS设置,让网页版面的宽度,依照设计者的设置,以百分比的形式来呈现,所以页面宽度的显示是根据使用者的浏览设备解析度作输出,因此可避免浏览器的横向卷轴出现。(又称为Adaptive Design)