web前端开发要怎么学?

要学前端就要想了解前端是什么，用官方的定义，就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。

用我们的话来说，前端就是网页给访问网站的人看的内容和页面，而前端开发顾名思义就是这些内容的制作，也就是代码的实现。而要实现这些代码，就要用到HTML，CSS及JavaScript三大基础知识。目前看来。论趋势如何发展，它们都是整个前端开发的三大基石。

掌握这些能力之后，就要用到开发工具进行开发，目前常用的有Dreamweaver、Sublime，HBuilder。工具只能解决一些特定问题，在你提升了自己之后，可以尝试接触框架。目前开发运用到的三大框架是Angular、React、Vue。当然还有其他很多框架，都是需要慢慢掌握的。

前端学习起来知识面比较广，知识很杂乱，可能自学起来有一定的困难，缺乏学习方向。如果要报班培训的话，也是一个不错的选择，至少，你能明确自己的学习方向，遇到问题可以及时解决，不过可能要承担昂贵的学费。

总之，无论是自学还是报班，前端的学习都是一个大工程，都需要自己多下功夫的。学无止境，付出全身心的努力，你一定能得到收获。

在html里，我们要输出显示一个，正常是使用img标签，然后src写上的地址。

但如果你的内容是一份base64编码的字符吕，比如图中的这种字符串。

我们是可以直接将其放到img标签的src属性里的。

运行页面，我们可以看到，这同样可以显示出的内容。

但要注意的是，如果你得到的base64编码内容，没有前面的data:这部分内容，在放到img标签里时，需要添加上。

除了能显示在img标签上，我们还可以将其显示在css的background-image样式上，同样是直接放上编码内容。

看下页面，这是样式背景重复平铺的效果。

我不知道自己理解对没？只是屏幕上的截屏？
窗口调整合适大小，QQ随意打开一个对话框，用截屏按钮。或者电脑右上角PrtSc按钮全屏复制，打开windows附件自带的画图板，粘贴，即可得到，编辑之。

请先在本地任何地方新建一个文件夹，命名随意，本文就以COPYWEB为例

（1）拷贝HTML文件

用chrome浏览器打开你喜欢的网站

右键点击，在d出菜单中选中查看框架的源代码（如图所示）

在COPYWEB文件夹中新建记事本，把文件改成
indexhtml,将d出的那些代码拷进这个HTML文件

到这一步，你试着双击一下这个index文件，你会发现，额，怎么内容都在，但是排版什么都乱七八糟，什么鬼。亲，勿摔鼠标，请往下看，加入CSS文件你就能看见你想要拥有的网站炫酷的外衣。

（2）扒CSS样式

在框架源代码中找到标签中关于CSS后缀的代码行，如图一行代表一个CSS文件

建立正确的CSS路径，路径看href，本例是css/basecss，代表需要在COPYWEB文件夹下新建CSS文件夹。

将代码放进CSS文件夹中。（1）将鼠标放在第一行的href链接上，单击右键，打开CSS文件，你见到一大堆代码，鼠标ctrl+A全部选中，ctrl+c拷贝下来。（2）在CSS文件夹中新建一个记事本，把文件名改为basecss，将拷贝下来的代码，粘贴进去，保存保存关闭。（3）以此类推，将第二第三行……第N行的CSS文件都这样新建保存进CSS文件夹，本例就有三个CSS文件，最终效果如下

这时，你双击网站就可以看到，哇，网站已经有点样子了。咦，怎么所有的都是空白一块？不要着急，接下来，我们来扒

（3）扒

建立路径。在上右键单击，选择审查元素，就会出现一个的地址链接。与CSS相同，看到这个路径是

在地址上右击，选择第一个在新标签中打开这张

在浏览器d出的新标签中，你变可以右击另存为，将保存下来。

（4）扒JS文件

同CSS文件一样的方法，不累述。

（5）相同方法扒其余页面。

其余页面，你会发现CSS和JS文件基本一样。只需要扒本页的相关即可。

---