前端零基础入门学习！前端真简单(1)

一、首先我们要理解HTML，CSS，JS分别是什么？

=====================================================================================

HTML就相当于一个人，CSS相当于一个人穿着的衣服，JS相当于让这个人做什么动作，这样一形容呢，我们就很好理解了，这个人就是网站，需要有header头，body身体，footer脚……而网站所呈现给我们各种各样的样子就是我们写的CSS样式，网站里的动态效果就都是我们的JS去实现的。

二、零基础就能学会前端。

=======================================================================

说到这里，可能大家看这么多的文字有点看不下去了，那我们废话不多说，只要你决定了要学习前端，那就跟我们的课程一点一点学习去设计制作属于你自己的网页吧！

我们用到的软件呢，对于入门级来说我们一般推荐大家用Dreamweaver，简称DW，新建一个HTML后，出现的界面是这样的。

看到这么多代码不要慌，对我们敲代码没啥影响，下面我们开始敲代码，我们可以看到这里有这样的代码，这个就是我们网页的身体，我们接下来要敲的内容都是在这中间输入的，这个括号表示的标签，标签都是一前一后的，成对儿出现的，除了一些特殊的标签，随后我们再一一给大家讲解。现在我们输入点内容，看看效果。

我们输入一个标签

点击右上角的地球浏览一下，会发现弹出了一个空网页，什么也没有，那是因为我们现在只书写了HTML，还没有写CSS，简单来说就是，我们创建了一个东西在页面里，但是还没有设置这个东西长什么样子，现在我们在设置它的样子。

1、我们为了给这个div设置样式，所有先给它起个名字不然，电脑不知道我们要给谁加样式，class=“aaa” 的意思是起名为aaa

2、在里写入这样一组标签这个style的意思就是CSS，我们整个网站要加的所有样式都是写在这个中间的。

3、我们在style里写样式，电脑首先要知道我们给谁加样式，所有我们写个.aaa 这个.（点）的意思是我要给aaa加样式，电脑会自动把.（点）后面的名字，跟下面body里的名字做一个匹配，这样电脑就知道，哦~原来你是要给这个div加样式呀。

4、然后我们把要给这个div加的样式写在大括号里，width:100px; 意思是这个div的宽是100像素，height:100px; 意思是高是100像素，background-color:#FF0000; 意思是背景颜色是#FF0000这个颜色。

注意：（1）这里我要给大家解释一下，大家别看这么多代码，这么多单词，其实软件有提示，像下面这样，直接输入第一个字母后面的单词就出现了，直接选中就行了，连单词都不用背，前端真的很简单。

输入w和输入h，会自动弹出单词框

（2）每一个单词都有提示，说到这里，不会英语的同学就不要给自己找借口说英语不好，学不会编程了，当然，这么简单是不是说大家都容易学会，那大家都会了，我们还有什么优势呢，其实不然，虽然说很简单，但是要想真真的把前端学好是需要下功夫的，主要就是要坚持，虽然很简单，但是能坚持下来的人很少，这也就是为什么我们给学生一直提倡要坚持，做任何事既然决定了，就要坚持。

下面我们继续，设置好了以后，我们就可以点右上角的“小地球”来浏览了，

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
！！**](https://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！