对于出入门槛的Web前端工程师来说，切记这几点这会影响你的编程生涯

几天在Codpen上面看到一份案例，觉得这个最适合小白。所以把这份案例Copy下来与小白分享其中小白在学CSS中所遇到的问题。像那些游戏案例，什么JavaScript网页特效以及那些大型企业公司类型的案例我觉得对于小白来说是不公平的。有两点，其一是对于刚刚初学者来说，你不经思考的去模仿那些大型网页去编写你的网站对于你来说就像是一份不可能完成的任务，就好比你才刚刚考完驾照，让你去那些交通比较拥挤的地方上去开车，你缺少的是老司机的经验。那么放在这里来说也是一样的，你缺少的实际经验，有很多东西你还不能达到像大佬或者说像那些工作5年以上那么得心应手，而且还有很多你不知道的东西，对于你来说就是一个模糊的概念。其二，这样做只会让你养成一种依赖性，相信那些有工作经验的都知道，概念理论也是对于程序员来说也是不可或缺的，参考别人的思路会让你自己的思路完全跟随于别人，这对你以后的编程生涯会造成很大的影响。这就是码农与程序员的区别。

当然，在这篇文章分享之前我还是要推荐下我自己的前端群：621071874，不管你是小白还是大牛，小编我都挺欢迎，不定期分享干货以及各种经典案例（包括此案例），包括我自己整理的一份2017最新的前端资料和零基础入门教程，欢迎初学和进阶中的小伙伴，在这里你没有约束，你大可畅谈你对编程的了解，谈谈你与众不同的思想与观点。

GIF

静态

源码

CSS

部分代码截图

当然在这里和各位说明一下，这份案例只是让你更加进一步了解CSS其中的奥秘，而不是让你去按照此案例来写出原案例，当然我的意思并不是说抄袭代码，我也相信对于小白来说这个案例是非常简单的，只要花点心思去理解其中的概念点相信你也能自己不看代码就能写出来。不过，你也能，我也能写出来，那么你自己的思路呢？你需要的是与众不同，而不是如出一辙。你可以利用其中的知识点去写出另外一个同理论，但效果却不同，甚至比此案例更好的效果出来，这才是我们想要的。

小白该如何学好CSS：

一、基础学习

无论学什么，想做出些样子来，都是要付出时间与精力的。网页制作看着很简单，用软件（比如记事本）都能输出，但是要想做好也不容易，特别是如果想拿网页制作当作养家糊口的本事来做的。那么，拿出点儿时间来看看html和css的基础知识，是必须的。而不是要用到什么就跑去论坛或者群里问，下次再遇到又问。

听过那个相声么？“这个问题我不能马上告诉你，马上告诉你你印象不深。”事实上就是这样，别人告诉你一句，只能是短期记忆，只有自己查资料甚至走了弯路总结出来的东西才印象深刻。html和css都是很简单的东西，不涉及算法，不涉及数据库，只要搞清楚含义就可以。有了基础，其实很多问题都会迎刃而解，真的遇到了不明白的，再问也不迟。

群里也好，论坛里也好，那些水平高的人，一般都是很忙的，一些太基础的问题，可能他们不会回答。而有些问题看上去似乎是简单而且独立的，但是如果对基础知识不熟悉，却又很难解释得清楚。

例如：浮动和定位。

浮动是布局绝对要用到的东西，定位也是，但是其在浏览器内的表现，又涉及到box model、包含块、文档流等等知识，同时，还可能有浏览器的bug在中间捣乱，那么我想没有几个人能用一两句话说清楚这许多的内容，只有去查资料，认认真真地学、实践，才能透彻地理解。

二、明白自己要问什么

经常有人问：“为什么这个没有效果？”，然后给一个截图。页面是由代码来表现的，不给代码，人家再聪明也没法猜。经常看到一些帖子，问得问题既模糊，文字又不通顺，错字连篇，让别人看得都糊涂。问问题都这么不认真，还怎么指望别人去认真回答你？

三、善于使用搜索引擎

其实明白自己要问什么了，最直接且效率最高的方法是使用搜索引擎，网络的好处就是资料多得目不暇接，也许你的问题已经有人问过——特别对于初学者来说，问题一般都是被问过很多遍的，因此，也许已经有人针对这个问题给过很详细的解释，搜一搜看看有没有，这样的结果，比别人在论坛或者QQ上随便打一句两句话回答你更能提高你自己的水平。

四、谦虚

忽然想起一个小品，说如今杨白劳是大爷，黄世仁要追着求杨白劳还钱。经常看到一些帖子，问问题没人答，就抱怨论坛人气低，有人回答了可能没解决问题，就抱怨没有能

web前端开发