居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。早期总结了一下互联网上有关于水平垂直居中的几种实现方案，比如说《CSS制作水平垂直居中对齐》中介绍了八中实现水平垂直的方案，而在《CSS制作图片水平垂直居中》一文介绍了四种实现图片垂直居中的方案，并且在《CSS3实现水平垂直居中》使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可能认为这些方法对于浏览嘎嘎的兼容性处理太烦了，也有人使用jQuery的方法实现水平垂直居中效果，比如在《jQuery制作元素在屏幕中水平垂直居中效果》中介绍的。今天我在这篇文章中向大家介绍实现水平居中的六种不同方法，希望对大家有所帮助。

此处的“hack”并非是网络中很神秘的组织“黑客”，而是使用他们可以帮助你解决浏览器下一些怪异和特殊的bug。很多时候对于这样的讨论也非常多，比如说在您的代码中应不应该使用hack？甚至延伸到使用“hack”是一个优秀的前端人员？其实，有时候是逼不得以，必须为之。

Web上的颜色运用，对于设计师来说是小菜一碟，对于不是设计师来说还真是头痛的事情。打个比方说，Web的安全色是什么？或者说Web的安全色有多少？说实话，我以前只知道一个数字216，但我不知道具体是什么？今天为大家整理了216个web安全颜色，仅供大家参考。

时间如流水，2012年12月21日并不是世界的末日，随之张开双臂迎来了新的一年2013年。回首往事，W3cplus从域名的注册开始到2012年的12月28日，也算是走过了两年的历程。

两年的时间对于人的一生来说是很短暂的，但对于一个刚学习走路的新生儿来说，这两年是非常宝贵的，因为这两年能让他慢慢的学着走路，慢慢的让他走的更稳。为了能更好的激励自己，为也这宝贵的两年光阴，我想回忆一下我和w3cplus之间的故事。

机缘巧合，我的工作中接触了Drupal，为了能实战，我开始使用Drupal制作网站，一个属于自己的个人网站，也就是今天的W3cplus。在创建w3cplus时我碰到了许多问题，有一些问题是我个人能力无法解决的（因为我只是一个CSSer），还好有很多热心朋友：@为之、Drupal中国的龙马、Lugir的@袁哥帮助，特别是@为之兄手把手的教我，让我从中受益良多。

Sprites熟悉的人较多，在国内有有称之为精灵，也有人称之为雪碧，我个人更喜欢称之为Sprites图像。在一张图上集成了很多个图，然后通过background-position定位，达到背景图显示正确的效果，减少Http的请求个数，从而优化性能。而background-size来说，如果你没有接触过CSS3方面的相关知识，那可能会比较陌生，不知道如何使用，其实很简单，就是通过这个属性来改变背景图片的大小。很神奇吧。那么，为什么 这两个东东就跟Retina屏幕设备扯上了关系呢？要是你有了解过Retina，你就知道是为什么了，要是你从未了解过，也无需担心，继续阅读这篇博文，你就知道为什么了。

Retina对我来说是一个全新的概念。初次接触还不知道是什么意，后来翻译后才知道“视网膜”，在互联网上海量搜索一翻，这是我们前端的一个新知识点——视网膜Web。的确是个NB的新事物，我一开始看简直不知道是什么东西，后来慢慢的看了一些专业术语，结合业务的高人写的博客，总算是对其有一点点的了解。同时把这几天看的东西做了一下学习笔记，希望对一些新接触 Retina的同学有许些的帮助。（因为自己对这一块知道的不多，有可能有写错的地方，希望这些地方不会误人子弟，罪过罪过），更希望有错的地方能得到同行朋友的指正。

好久没有处理过IE6下的兼容问题了，今天有朋友碰到过input[type="submit"]和button[type="submit"]在IE6-7下会出现黑边，就算是你在样式中重置了一个border属性也是如此。真是蛋疼的很。后来经过查找相关的资料，终于找到了解决方法，放上来与大家分享一下，这个问题有可能不只一个人会碰到。(^_^)

在介绍如何处理这个bug之间我们一起来回顾一下，在IE6-7下，input[type="submit"]和button[type="submit"]存在的问题还不仅是这个，常见的有：button在IE67下的宽度兼容问题、button的行高问题（各浏览器下解析不一样）、button的outline问题，甚至submit在ios下也存在问题。这么多烦人的事，苦逼了前端人员，（具体解决方案可以点击这里查看）。今天就在为大家增加一个问题的解决方案——如何去除IE67下按钮的黑边框

“这篇文章是关于5个用的CSS属性，你应该非常的熟悉，但很有机能你很少在使用。我不是在讨论CSS3的新属性，我所指的是CSS2中的老属性：clip,min-height,white-space,cursor和display。这些属性都得到浏览器的广泛支持。所以，不要错过这篇文章，因为你可能会惊讶的发现这5个属性是多么的有用。“

很久没有写blog了，不知道是时间太紧的原故还是人懒惰了。今天在webdesignerwall.com看到一篇不错的文章《CSS Decorative Gallery》，文章中介绍了多种不同的方法，用于美化Web页面中的IMG。学得很有意思，其实早在《CSS3制作图片样式》和《jQuery和CSS3给图片制作圆角》中有介绍过怎么美化img，但是今天这篇文章更有意思。我们不仿一起来看看：