如何使用纯CSS创建社交媒体图标

我们可以通过利用纯CSS代码来创建加载速度相当快的社交媒体图标,它们给人的视觉效果就跟使用真实图片一样,在显示速度上却要比图片快得多,这对于哪些注重网站优化的用户来说,很值得推荐。

下面以 Facebook, Twitter, Google+ 以及 Linkedin 这几个社交网站为例,给需要的朋友介绍一下如何实现。

继续阅读

10条网页设计者必懂的CSS规则

做网页设计的都有这样的经验,就是必须记住各种各样的代码语法、技巧以及代码片段,尤其对于CSS,有许多语法规则及声明很值得我们牢记,因为它们确实有助于改善我们的网站设计,也有助于技术创新。本文总结10条有用的也是十分重要的CSS声明及其常用值,对于网页设计人员或爱好者们,值得收藏、应该牢记!

继续阅读

如何让你的网页在老IE下也能显示圆角?

我们知道,利用 CSS3 的 border-radius 属性能够令网页元素表现圆角,不过,今天要讲的这个话题似乎已经显得有些多余了,因为目前绝大多数的浏览器都已经支持 border-radius 属性,而老式的IE浏览器们如 IE6、IE7 或 IE8 虽然不支持 border-radious 属性民,但老早就应该被淘汰了,只是有部分用户还对它们依依不舍,欲弃不能,那么,本文所讲的这个小小技巧可能就会对他们有用。

继续阅读

针对IE6、IE7、IE8的CSS “hacks”

internet-explorer IE浏览器在网页设计及开发界中最让人头痛的一件事情就是兼容性问题,IE浏览器的历史太悠久了,特别是旧版本的IE,以前人们都说它们好用、安全,可是,网页设计语言(比如本文所述的 CSS 语言)却在不断改进、更新,IE竟被远远地甩在了后面。对于这些改进和更新,IE没有提供更好的相应的支持,有多少人在使用微软的 Windows 系统啊,每个系统都绑定一个IE,所以不少人还在使用或者说还舍不得放弃IE,这让网页设计和开发人员着实伤透了脑筋,不得不在网页语言编写上特别是在 CSS 方面,针对各版本IE进行必要的 hacks,这让IE可以继续兼容网页语言 CSS 中出现的新特性,解决其兼容性问题。

以下是一些常见的 CSS hacks,如果你是网页设计者或自己拥有网站,在老版IE们未完全消失之前,你有必要知道的。

继续阅读

10个超级有趣的CSS3特效及演示

对于网页开发人员来说,他们现在使用的设计语言正处在一个过渡的高峰期,因为CSS3HTML5在不久的将来会成为网页设计语言的标准,目前它们已经部份被应用于一些主流浏览器当中了。在加强与用户之间的互动性及提高用户体验方面,CSS3和HTML5正逐渐赋予我们一种新的网页设计方式。 CSS3到底能有多酷? 看完下面的10个实例及其演示你才会真正领略到其不凡的威力! 继续阅读