面试官员提出：148个资源让你成为CSS专家（下）

教程与技巧

• 　 初学者CSS指南  — 给初识CSS者的完整指南。

• 开始CSS实战 — 一个非常基础的CSS实战指南。

• 如何处理CSS大背景 — 处理CSS大背景的教程。

• 可扩张性强的CSS背景  — 关于创建高度自定义和自适应网站的教程。

• 用CSS做各种事情: 50多个富有创意的列子和教程  — 收藏了50多个创建独特CSS布局的教程。

• 用Firebug快速简单的开发CSS  — 一份关于使用Firebug提高网页设计的指南。

• 10漂亮的CSS排版例子  — 提供了很棒的CSS排版例子并且有教程指导如何创建。

这里还是要说一下我的前端学习群：611428142，从我一个到现在的1617都是看我每一篇文章来的，可以说都是我们大前端的学霸啊，不定期分享干货。想学到东西的都可以来，欢迎初学和进阶中的小伙伴

• 16个可用的CSS图表和长条图教程与技巧  — 收藏了一系列关于创建基于CSS的数据可视化图表的教程。

• 更好地引用: 不要重复标记  — 指导你如何更好地引用，免除一些不必要的、重复的标记。

• CSS 渐变文本效果  — 一个为标题创建文本渐变的教程。

• 43 个从 PSD 到 XHTML/CSS 的教程  — 列出了大量的教程，教你如何把 PSD 变为有效的 CSS/XHTML 文件。

• CSS 图片地图  — 一个用 CSS 和 XHTML 创建图片地图的教程。

• 流式栅格布局  — 一个关于创建流式栅格布局的教程。

• 如何调试CSS  — 介绍了调试CSS的技巧。

• 10项有挑战性但了不起的CSS技能  — 指导你掌握一些值得学习的高级CSS技能.

• 50多个漂亮整洁的CSS Tab 导航  — 搜集了大量用CSS制作的tab导航。

• 30个无与伦比的CSS技巧和示例  — 收藏了大量真正酷炫的CSS效果，包括 hoverbox 图片画廊、固定页脚和纯CSS实现的手风琴效果等等。

• 101个CSS技巧  — Part 2  — 又一批很好的CSS技巧及其相应的教程。

• 固定中心  — 一个简短的教程，教你如何在窗口正中心(垂直与水平)定位某些元素。

• 流式布局，一种简短的方式  — 创建CSS流式布局的完整教程。

模板与框架

• 1Kb大的CSS栅格  — 这也许是最简单最紧凑的栅格系统了，但包含了自定义栅格的工具。

• CSS Zen Garden  — CSS Zen Garden 是一个 HTML 和 CSS 框架，用于展示大量能用CSS创建的设计。除了框架之外，还有大量可用的模板和主题。

• 完美的多栏CSS流式布局  — 收集了兼容iPhone的流式布局。

• 960栅格系统  — 一个基于960像素宽构建的CSS栅格布局。

• 免费CSS模板  — 该网站提供了200多个CSS模板，都遵循知识共享署名许可协议。

• 漂亮免费的CSS模板  — 几十个模板让你着手CSS设计，包括动态居中盒子、4栏不定宽布局、宽度固定的盒子上下左右完全居中等。

• 小型盒子  — 收藏了各种布局的CSS文件。

• 960px宽的CSS栅格系统设计  — 使用栅格创建960px宽的网页模型。

• 用CSS框架设计一个杂志类首页模板  — 一份创建杂志和栅格布局的有效指南。

画廊与陈列

• CSS Stars  — 画廊提供了一些基于CSS的设计，让你熟读掌握。

• CSS Based  — 上千个不同设计的CSS画廊。

• CSS Drive  — 一个分类的CSS画廊。

• CSS Mania  — 一个已经有5年历史的CSS画廊。

• CSSelite.com  — 一个分类的CSS画廊。

• CSS Creme  — 大量可以根据颜色、分类或者设计师划分的画廊，也包括相关的教程和信息。

• csswebsite  — 一个可以通过类型、日期或者颜色帅选的画廊。

• 40 漂亮的深色CSS网页设计  — 该画廊提供了一些漂亮的深颜色网页设计。

• 2008年最好的CSS设计  — 又一个画廊展示了2008年最好的CSS设计。

• CSS美丽画廊  — 该CSS画廊的条目是从2004年至今的，按年代顺序排列。

工具

• Firebug  — 火狐浏览器的一个插件，你可以在该调试器里面看到你的CSS代码，并且可以在里面编辑。

• Aardvark  — 火狐浏览器的扩展，可以看到每段HTML及它的类或者id。

• Aardvark  — 火狐浏览器的扩展，可以看到每段HTML及它的类或者id。

• CSSViewer 1.0.3  — 也是火狐浏览器的扩展工具，你可以看到任何页面的CSS属性。

• GridFox  — 火狐浏览器的另一个扩展，通过在任何网页覆盖一层栅格来辅助栅格设计。

• CodeBurner  — 开发的一款插件，可以在浏览器中看到HTML和CSS的参考资料。

• IzzyMenu  — 一个免费的CSS菜单创建器，支持创建下拉二级菜单。

• Spanky Corners  — 一个圆角盒子生成器。

• CleanCSS  — 一款CSS美化工具。

• CSS浏览器选择器  — A useful tool for empowering CSS selectors based on the visitor’s browser.一款有用的工具，可以基于访问者的浏览器来使用CSS选择器。

• CSS 压缩器  — 一款CSS文件压缩器。

• CSS 布局生成器  — 一个简单、在线的CSS生成器，可以创建一个基础的布局框架。

• CSSTidy  — 一款开源的、可供下载的CSS分析器和优化器。

• CSS驱动CSS压缩器  — 一款CSS压缩工具，根据你的需求，可以有基础和高级的压缩模式。

• Tabifier  — 缩进你的代码。

• CSSFly  — 基于浏览器的CSS和XHTML编辑器，可以实时编辑。

• List-O-Matic  — 一款可以创建基于列表的导航菜单。

• Markup Maker  — 根据你输入的页面ID来创建一个有效的XHTML/HTML框架。

• CSSMate  — 一款在线CSS编辑器。

• CSS Type Set  — 一个CSS排版生成器。

• Construct 0.5  — 一款可视的，可以基于蓝图框架创建的布局工具。

• PXtoEM.com  — 一个把px转换成em的转换工具。

• CSS编辑器回顾  — 收藏了一些流行的CSS编辑器。

• YAML构建器  —  一个创建YAML布局的可视工具。

• 布局构造器  — 一个CSS布局构建器。

• CSS工具列表  — 列出了大量的CSS工具，从字体到优化。

• 50个非常有用的CSS工具  — 列出了一些非常棒的CSS工具。

特殊的CSS博客和网站

• CSS技巧  — 来自Chris Coyier的博客。

• CSS Help Pile  — 不断收集CSS相关的教程和资源。

148资源就写完了，如果是热爱前端的小伙伴不妨来我群里一起学习交流：611428142 欢迎初学和进阶中的小伙伴。

如果想看到更加系统的文章和学习方法经验可以关注我的微信公众号：‘前端根据地’关注后回复‘给我资料’可以领取一套完整的学习视频