Web开发者不容错过的20段CSS代码

Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。

本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊喜。

[title3]1. CSS Resets[/title3]

网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的，里面包含一点响应式图片和所有核心元素的边界框设置，这样就可以保持页边距和填充可以很好地对齐。

来源： <http://www.csdn.net/article/2013-05-24/2815422-20-Useful-CSS-Snippets-Every-Designer-Should-Have>

查看源码： http://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/
[title3]6. 个性化的圆角代码[/title3]

许多CSS开发者都非常熟悉圆角语法，但如何为每个角设置不同的值？不如看看下面这段代码吧！

源码地址： http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
[title3]8. 现代字体栈[/title3]

在新网页上设计属于自己的字体栈还是件比较困难的事情，希望下面这段代码能给你带来启发和开发模板，关于更多字体栈源码，你可以访问CSS Font Stacks。

源码地址： http://www.sitepoint.com/eight-definitive-font-stacks/
[title3]9. 自定义文本选择[/title3]

一些新的Web浏览器允许你在网页上自定义一些突出显示的颜色，下面代码的默认颜色是浅蓝色，当然，你可以依据个人爱好进行各种颜色设置。下面代码引用了典型的Webkit和Mozilla供应商前缀::selection 。

源码地址： http://www.smipple.net/snippet/kettultim/Polaroid%20Image%20Border%20-%20CSS3
来源： <http://www.csdn.net/article/2013-05-24/2815422-20-Useful-CSS-Snippets-Every-Designer-Should-Have/2>

[title3]12. 锚链接伪类选择器[/title3]

源码地址： http://miekd.com/articles/pull-quotes-with-html5-and-css/
[title3]14. CSS3的全屏背景效果[/title3]

如果你想使用大图片作为网站背景，并希望在页面滚动时保持固定，该代码片段非常适合，不过这段代码无法在旧的浏览器上工作。

源码地址： http://www.w3.org/Style/Examples/007/center
[title3]16. 垂直滚动条[/title3]

这段代码将确保你的HTML元素总是稍微高于浏览器滚动条所停留的位置。