网页设计能自学吗 第1篇
学习CSS布局
通用 CSS 笔记、建议与指导
CSS参考手册
Emmet 文档前端代码规范(腾讯 AlloyTeam 团队)
HTML和CSS编码规范
Sass Guidelines 中文
CSS3 Tutorial 《CSS3 教程》
MDN HTML 中文文档
MDN CSS 中文文档
网页设计能自学吗 第2篇
因为 JavaScript 有可以封装的特性，所以在后面也出现了很多用 JavaScript 封装的类库、插件。比如说最经典的类库就是 jQuery了。
jQuery 类库就是在类库里面封装好了很多 JavaScript 的事件方法。jQuery 通过封装，减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化，通过调用方法就可以了。你需要学习：
jQuery语法和JavaScript原生语法的差异
Dom对象和jQuery对象
jQuery的入口函数和JavaScript的入口函数的差异
jQuery事件的执行逻辑。
相关教程：
jQuery API 中文文档
hemin 在线版
css88 jq api
css88 jqui api
学习jquery
jquery 源码查找
这时候，你就可以做一些响应式网站并使用 JavaScript 添加交互功能了。
网页设计能自学吗 第3篇
前端框架众多，React、Vue、Angular 三足鼎立，很多人都不知道应该学什么好。
一个很简单的方法是：先学工作实际需要的&自己更偏好的
React：Facebook 推出的一款声明式的，高效的，灵活的用于创建用户界面的JavaScript 库，现在越来越火了
Angular：比较容易学，因为它几乎支持所有常用的功能。例如支持懒加载的路由器、支持拦截器的 HTTP 客户端、依赖注入、CSS 封装组件等等。有了它，你可以不用再引入其他库了
Vue
框架学习可以分为这3个步骤：
第一步：基础学习。看官方的文档及教程（如果有的话）
第二步：项目驱动学习。通过项目的方式来写编写大量的代码，掌握该框架的用法及踩坑，快速积累经验
第三步：求知驱动学习。在求知驱动学习过程中，遇到任何产生困惑或者感兴趣的点，都要去深入学习
当然，前端要学的内容远不止这些，路漫漫其修远兮，加油吧~