互联网改变了我们的生活，也改变了我们的职位。很多零基础想要进入IT行业的人，都会选择web前端，这是为什么呢？因为web前端是最简单的编程。今天，web前端培训的小编就来给大家说一说，web前端零基础学习需要掌握的知识。

首先我们学习web前端，要知道前端的三个大内容，HTML、CSS、JS，其中HTML和CSS是相互结合着学习，掌握了这两个了以后我们就算真正入门了，然后再深入学习JS等等。

一、理解HTML，CSS，JS分别是什么

HTML：是静态网页，该文档本身只有页面结构，可以显示页面内容；

CSS：层叠样5261式表，通过设置对应的样式属性可以修改4102html文档内各元素的显示、位置等样式；

如修改颜色、字体、字号、宽高、位置、背景等。

Javascript：动态脚本语言，广泛应用于web应用的功能开1653发以及丰富页面体验，可以动态控制页面内容；

如修改页面文字、图片回、各种效果、功能等；

一个通俗的例子：HTML就像答人的身体，CSS就像人的衣服，Javascript就像人的思想和行为。

二、零基础学会web前端

首先我们需要用到的软件，对于入门级来说我们一般推荐大家用Dreamweaver，简称DW。“”这两个代码就是我们网页的身体，我们接下来要敲的内容都是在这中间输入的，这个括号表示的标签，标签都是一前一后的，成对出现的，除了一些特殊的标签，随后我再一一给大家讲解。

我们输入一个标签，点击右上角的地球浏览一下，会发现弹出了一个空网页，什么也没有，那是因为我们现在只书写了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）这里我要给大家解释一下，大家别看这么多代码，这么多单词，其实软件有提示。

（2）虽然说很简单，但是要想真真的把前端学好是需要下功夫的，主要就是要坚持，虽然很简单，但是能坚持下来的人很少，这也就是为什么我们给学生一直提倡要坚持，做任何事既然决定了，就要坚持。