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

参考资源与备忘录

• CSS属性指引  —— 一份清单，按字母表顺序列出了每个CSS属性。

这里还是要推荐下我自己建的前端JavaScript学习群：611428142，不说别的，进来你必须是爱好前端的，营造一个好的交流环境很重要，不管你是小白还是大牛，小编我都挺欢迎，小白嘛，主动点，勤快点，多问点问题也就学好了，就怕你自己死敲代码啊，不定期分享干货，欢迎初学和进阶中的小伙伴。

• 层叠样式表二修订版1  — 这是W3C对CSS 2.1 作出的官方说明。

• CSS简写指引  — 覆盖了基础的CSS缩写形式。

• CSS速查表  — 两份表来自About.com — 一份关于CSS基础特性，一份关于CSS布局。

• 列表速建  — 该网站提供了大量的例子，告诉你如何使用CSS创建各种不同风格的列表。

• 经验丰富的CSS设计师给初学者的指南  — 这里有大量的资源适用于CSS初学者。

• 组合CSS的5点提示  — 这篇文章提供了5个真正有效的方法，让你更好地组织你的样式表(而且，有助于以后的编辑修改)。

• 我的5个CSS提示  — 收集了5个用于更好地创建CSS的例子。

• 惯用模式与严格模式  - 在现代浏览器里面惯用模式与严格模式指南。

• CSS速查表(V2)  — 一份单页的CSS参考书，列出了所有CSS 2.1的选择器。

• 核心CSS: 第一篇  — 一份来自Refcardz的基础CSS参考指南.

• CSS 简写速查表 (PDF)  — CSS简写形式参考书.

• 使用 CSS (层叠样式表)  — 基础CSS指南，包含使用CSS的好处介绍.

• 5个方法快速写成高质量的CSS  — 写出高效CSS的一些提示。

• 使用CSS优化网页打印效果  — 创建适用于打印的样式表指南.

• 打印样式表  — 创建打印样式表的另一份指南.

• CSS 排版: 反差技巧、教程和CSS最佳实践  — 收集了大量的CSS印刷资源。

• 高效编码必备的CSS技巧  — 为了更好地编写CSS而收集的CSS 技巧、意见和解决方案。

• 用CSS Reset来重置CSS样式  — 一份重置样式的完整指南。

• CSS结构化命名惯例  — 一篇关于元素命名的文章，这里讲述基于元素本身的命名，而不是基于它们的位置或外观。

• 用CSS风格指南提高代码的可读性  — 文章涵盖5大技巧，让你的代码更加易于维护和管理。

• 写好CSS的70个专业意见  — 搜集了一些关于写好CSS的专业提示。

• 你必须知道的CSS浮动  — 一份帮你理解CSS浮动的指南.

• 完整的CSS指引  — 大量的资源，涵盖了CSS的方方面面.

• 创建排印样式对比的七个基本方法  — 文章列出了一些基本要素，关于在CSS里面使用充分的排版对比来营造优秀的样式风格。

• 如何用CSS处理文本的大小  — 一篇关于处理CSS文本大小的透彻指南。

• CSS速查  — 一份非常完整的网页CSS速查表.

• 每个人都应该知道的13条CSS训练原则  — 列出了你应在注意的一些基本的CSS惯例.

• 资源指引  — 这是来自CSS Zen Garden的CSS资源指引。

• CSS美化  — 该网站提供了一些CSS消息、资源和画廊.

• 使用CSS简写  — 一些CSS缩写的参考指南。

• 网页开发者手册  — This is a massive collection of CSS and other resources, including showcases, tools, and more.搜集了CSS以及一些其他的资源，如示例、工具等。

• 100个免费的CSS资源  — 大量CSS资源，包括相关的文章、教程、布局等等。

• 15个你可能从未用过的CSS属性 (但或许要知道)  — 文章覆盖了15个经常被忽视的CSS属性，许多开发者可能都不知道它们的存在。

• CSS专家的10条原则  — 搜集了一些CSS大牛的重要原则和指南.

• 你应该知道的CSS特性  — 一份CSS权重特殊性指南，css权重是CSS里面最难掌握的知识点之一。

• 解决5个普遍的CSS难题  — 告诉你如何处理一些CSS难题，如 IE6 里面双层外边框的bug，以及无效样式等。

教程与技巧

• 从零开始学CSS  — 这是一个非常基础的教程，让你从零开始学习CSS并用它创建第一个基础网页。该教程对于那些对网页构建不了解的初学者来说，是很好的资源。

• 53个生存必备的CSS技巧  — 这里收集了大量的CSS技巧，从菜单到表单再到样式表打印，都有相关介绍。

• CSS 阴影效果  — 一个关于如何用CSS给图片加阴影的教程。

• CSS 选择器教程  — CSS选择器的基本介绍以及它们是如何工作的。

• CSS 导航技巧  — 搜集了37个不同的CSS导航设计。

• 我一直使用的CSS技巧  — A collection of CSS techniques Christian Montoya finds extremely valuable.

• CSS技巧综述 — 20个CSS提示与诀窍  — 收集了关于CSS圆角和弹窗的一些技巧。

• CSS提示与小窍门  — 有效基础的CSS技巧.

• 精通样式表: 最有用的CSS技巧  — 用于清除和重置浏览器默认的样式。

• 用CSS展示超链接提示  — 本教程告诉你如何快速使用CSS添加链接式图标, 并且能够兼容IE7, Safari和火狐。

• 10个你可能不知道的CSS诀窍  — 涵盖了CSS字体、图片替换、垂直居中等技巧。

• 10多个你可能不知道的CSS技巧  — 这篇文章涵盖了块级元素与行内元素、设置页面最小宽度及不可见文本等。

• 用lists实现导航栏  — 这是个很棒的教程，一步步指导你如何用列表来制作导航栏。

• 用lists实现树形图  — 如何创建一个多层级无序的页面树形图。

• 如何用CSS实现网页重构  — 如何用CSS布局重构一个网页。

• 一步步实现高级网页布局  — 一步步教你创建一个高级的三栏布局。

• 从头搭建CSS布局  — 该教程教你如何从零开始用CSS创建一个网页。

• CSS 教程  — 来自 W3Schools 的完整教程。

• 样式表  — 另一个非常全的CSS教程。

• CSS实现的精致图表  — 创建特殊的图表形式。

• 关于CSS的更多圆角技巧  — 教你如何创建支持PNG和alpha透明度的圆角。

• CSS菜单列表

• 如何向你的CSS文件添加变量  — 告诉你如何用PHP和Apache的URL向你的CSS文件添加变量。

• 跨浏览器CSS编码的15个技巧和工具  — 文章涵盖了15条以上的提示，都是关于如何用CSS解决跨浏览器的兼容问题。

• CSS 轴心化  — 如何创建CSS轴心化布局，包括中央CSS流式布局。

• 绝对定位在相对定位里面  — 关于如何在一个相对定位的父元素中绝对定位一个子元素的指南。

• Faux 绝对定位  — 关于把浮动和绝对定位结合起来的方法指南。

• 多行导航栏的垂直居中  — 使用浮动的方法实现列表对齐。

• 前10个CSS按钮教程列表  — 收藏了10个创建CSS按钮的最好教程。

• 山顶角  — 用CSS来实现的圆角。

• CSS 圆角综述  — 收藏了CSS圆角的技巧和教程。

• CSS小窍门--自定义子 弹头  — 关于如何用CSS实现**头的指南。

• CSS Swag: 多栏列表  — A guide to creating semantically-logical, ordered list that wraps through multiple vertical columns一份关于创建语义化的、有序的多栏列表指南。

• 改善打印版的链接展示  — 示范了打印输出时如何在超链接文本中如何包含链接地址.

• 高级CSS菜单技巧  — 用CSS创建一个真正酷炫的、高级的、带有模糊效果的菜单。

• CSS 菜单  — 一个关于用纯CSS2(不包含JS)嵌套列表创建菜单面板的教程。

• CSS Tab菜单带下拉效果  — 一个关于创建带有下拉效果的CSS菜单教程。

• 高级CSS菜单  — 来自网页设计墙的绚丽CSS菜单教程。

• 自动水平化tab  — 该教程教你如何创建带有翻转效果的水平菜单。

• 带有翻转效果的CSS图标菜单  — 创建带有CSS翻转效果的菜单教程。

• 混杂的CSS下拉菜单  — 一个教你如何创建CSS下拉菜单并且做到优雅降级，结构合理的教程。

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

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

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

• 
  

• 再说2点建议吧：

• JavaScript刚学时候不要看太过于酷炫的特效，会打击自己的自信心。

• 这个文章到这里就说完了，想要前端学习资料的进我的群自助领取，已经上传到群文件里了：611428142，欢迎初学和进阶中的小伙伴。

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

•