web前端怎么自学，有什么好的网站，或者资料推荐吗？

基础性的学习网站：

w3school：http://www.w3school.com.cn/

w3cplus：www.w3cplus.com

MDN网站 ：https://developer.mozilla.org/zh-CN/docs/Web

菜鸟教程网：http://www.runoob.com

易百教程：http://www.yiibai.com/

脚本之家：http://www.jb51.net

视频类的学习网站：

尚学堂：http://www.bjsxt.com/

慕课网：https://www.imooc.com/

扣丁课堂：https://www.codingke.com/

极客学院：http://www.jikexueyuan.com/

腾讯课堂：https://ke.qq.com/

个人博客类的学习网站：

张鑫旭：http://www.zhangxinxu.com/

阮一峰：http://www.ruanyifeng.com/home.html

廖雪峰：https://www.liaoxuefeng.com/

辰辰：http://www.chennoted.com/

轩枫阁：http://www.xuanfengge.com/

社区类的学习网站：

segmentfault：https://segmentfault.com/

掘金：https://juejin.im/

简书：https://www.jianshu.com/

WEB前端-伯乐在线：http://web.jobbole.com/

Stack Overflow:https://stackoverflow.com/

CSDN：https://www.csdn.net/

博客园：https://www.cnblogs.com/

开发者头条：https://toutiao.io/

可以百度下的，去源码网里面下载这些，可以看到一些js和css。当然你也可以去用软件直接下载某些网站的css、js这种。

我是观音婢cc！尽我之能，互帮互助！

如果我的回答没帮你解决问题，请继续追问！

~答题不易,你的追问和采纳是我前进的动力!!

如你采纳！非常感谢！

站酷

网站介绍：诞生于2006年8月的站酷（www.zcool.com.cn），以“为设计师及爱好者提供最便捷、最贴心的服务”为宗旨，是一个以“设计师”为中心，服务于创意产业、服务于创意人才的“设计师互动平台”。分享最新最实用的素材资源，推荐会员设计师的优秀设计作品，提供设计探讨技法交流的学习氛围。建站以来，内容不断充实，产品不断增加。现在，站酷（ZCOOL）已成为设计师最喜爱的设计站点之一。

网站简评：专业完美的素材下载与设计分享网站，提供矢量素材、PSD分层素材、图标素材、高清图片、原创作品等内容。前沿时尚的设计风格，日韩欧美设计素材应有尽有。站酷网站简洁美观，视觉冲击力强，广告排列整齐有序，设计师倾力推荐。

懒人图库

网站介绍：懒人图库自建站以来，一直致力于网页素材的提供，目标是做成国内最大的网页素材下载站。懒人图库口号：学会偷懒，并懒出境界是提高工作效率最有效的方法！

网站简评：专注于提供网页素材下载，其内容涵盖网页素材、矢量素材、JS广告代码、小图片、网页背景、导航菜单、PNG图标，等等。懒人图库深入人心，做到了“让任何一个网页设计师都能轻松找到自己想要的素材”。

中国素材

网站简评：提供各类设计素材的收集下载，包括：图片、素材、壁纸、网页素材、动画素材、矢量图、PSD分层素材、3D、字体、教材、图标，等等。素材中国收集了很多商业广告的源文件（PSD/CDR/AI），部分资源需要收取一定费用（点数）。不足的是，文件下载页面的广告太多，造成版面凌乱，用户体验差（素材中国为个人站点，站长可能很注重挂靠联盟广告，感觉像是一个百度、谷歌广告网站）。另外，只支持迅雷、快车下载，考虑不是很周全，大概也是因为加入了迅雷联盟和快车联盟的缘故吧，要不怎么会这么一个劲的推荐使用“迅雷”、“快车”下载呢。

素材资源库

网站介绍：素材资源库是52DESIGN旗下的设计资源网站，提供在线免费设计素材资源下载服务。

网站简评：资源丰富，分类繁多，就是没有提供资源搜索功能，使用起来不太方便。提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效，等等。

---