几天介绍过「HTML Reference网页开发者必备手册！收录所有HTML元素及属性说明」，有读者说这个网站比W3Schools更方便快速，对于开发者来说实在非常实用，但可能有些人和我一样接触HTML机会不多，反倒是很常要改网页样式，假如你平常会需要和CSS为伍，本文要推荐的网站会更适合你。

CSS Reference和HTML Reference来自同一开发者，从站点名称你应该可以知道两者差异，CSS Reference主要专注于网站阶层式样式表（Cascading Style Sheets，简称CSS）语法参数，网站宗旨「通过示例学习」和我们熟悉的参考手册差不多，实际上许多在线教学也都是从实例来学习语法操作。

CSS Reference将所有CSS标签都列在网站中，同时提供快速检索功能，当你点击任一标签后会开启详细使用教学，使用者可从设定方式对照示例，就能得出如何将某个语法正确运用到你的网页设计。

更重要的是CSS Reference让你真正了解每个语法标记如何使用，而不用从百度去翻找不一定正确（或可能过时）的网络文章。

就如同HTML Reference一文写道，我认为所有学习都必须有参考手册，用于更全面的了解及对照查询，包括CSS当然也是如此，尤其CSS 3又出现许多新的语法和设定方式，若没有参考手册很容易疏漏。若你属于前端工程师或设计师，CSS是每天日常，将网站加入书签就对了。

站点名称：CSS Reference

网站连接：http://cssreference.io/

使用教学

STEP 1

开启CSS Reference网站后，会发现它长得跟HTMLReference.io差不多，不过在细部设计上颜色倒没有用得那么复杂。

上方Collections收录一些CSS主题，例如动画、背景、Flexbox、位置、过场动画及排版，下方则有搜寻框及所有CSS属性，目前一共收录129个。

STEP 2

开启关于文字排版主题分类，能找到一些很常用于文字设计的样式类别，例如：font-family、font-size、color、text-align、letter-spacing等等，每个语法都有设定示例、说明并显示成效于右侧供开发者参考。

比较容易遇到的定位（Positioning）设定，如果你和我一样时常搞不太清楚的话，从这网站的示例应该更能清楚理解。

STEP 3

每一个CSS属性都会有详细的设定说明，例如很常用到的font-style，可以变更文字样式，加上斜体或粗体等等，各种设定方式都有对应的示例，即使看不懂英文叙述也没关系，从这里亦能学习每个属性要如何使用。

STEP 4

其他例如很常遇到的padding、margin等CSS属性，一样可以在CSS Reference说明手册找到非常详细的介绍及使用方式，通过图片说明就能更容易理解，假如你想快速复制每个属性内容，只要点击语法即可快速复制到剪贴板。

致力发布和推广来自世界各地的互联网资源，六七英里博客目的就是希望与更多人分享网络快乐与精彩！！关注订阅六七英里给你好看哦……

天小编简单给大家分享一下学习前端的步骤，以及面临的问题，和以后就业的情况，本来从事web前端很多年，帮助新手解决这些小问题应该是小用菜一碟。

一、HTML的学习，超文本标记语言，网页三剑客之一，作为静态布局，HTML的学习会相对容易很多，只要你不断的查看HTML手册，不断的去做精通界面，就不会有什么问题，记住不要死记硬背。

二、CSS的学习，现在的布局都是HTML+CSS+DIV的布局，CSS可以跟HTML完美的配合，CSS的学习也是非常的简单，不用多说。

三、JavaScript是前端的核心，是web脚本语言使用最多的语音，也是你从事前端开发可以拿到多少工资的标准，一个人的原生JS的掌握程度，将会决定他在前端这个行业中的发展长远，JS是不容易理解的，包括后面的框架都是js封装的，所以JS是很难自学好的，建议新手要有人指导学习JS，不然你可能很快就放弃。

四、JQ的学习，这是一个非常优秀的框架库，里面用JS封装了大量的功能，用JQ实现特效就相对容易一些，如果你JS学的非常好的话，那么JQ学起来一定是没有任何的问题。

五、bootstrap前端必学的框架，一个架构界面必须应用的神器，难度不是非常大，底层的东西掌握好，学习起来也是一样的轻松。

六、前端各种流行框架，例如：node.js、vue.js、react.js等等，这些框架也是提升自己能力的象征，但是一定要把js学的非常好，不然这些框架很难入手。

给新手的建议：

1.不要着急学成，速成只会让你成为如今前端大潮的牺牲品，要真的利用一段时间，最好半年的时间，真的把技术掌握。

2.系统而且有规划的学习方案，一天都不可以停滞，每天坚持去学习，每个知识点，光看不做不写，就相当于没学一样。

3.专业人士的指导不可缺少，现在前端不是自学，不要妄想看一套视频只会就去找工作，如果谁这样想，说句不好听的，如同脑残没有区别。

从事前端这么多年，对于前端这个行业的动态了如指掌，这几天刚参加玩腾讯公司举办的“web前端技术交流峰会”前端技术在以后会发展的更好，但是希望新手不要急功近利，没有用。学习路线，学习方法，学习效率不懂的可以随时问我，下面有我的web前端裙113485407，如果你只是来凑热闹的，那你别加，这里只希望真想学习前端的人加入，也有非常精品的学习视频免费分享。