web前端开发都需要学什么？

JavaScript036

web前端开发都需要学什么？,第1张

Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。简单来说你需要学习div+css基本知识、学习javascript编程，包括jquery等框架，Js就是前端的行为和数据交换、学习一门简单的后台编程语言，比如asp或者php，推荐php，不需要学的太深入，主要为了培养编程思想、还有最新的html5+css3和一些JS的扩展框架。除了上面说到的技术之外，简单的SEO知识，服务器知识、设计知识等都是前端提升自己能力需要掌握的技能，只有这样你才能够跟各个环节的人员更好的沟通并且协同完成项目。综上所述，想要做前端开发你需要掌握的知识有HTML、CSS、JavaScript、jQuery框架等，另外学习一些后端开发、SEO知识、设计知识也是提升能力所必须的。

这个一般是用CSS来显示特定内容的。

譬如有张图片icon.png，里面有很多内容，便可以在CSS中这么用。

.sa {width:20pxheight:20pxoverflow:hiddenbackground:url(icon.png) no-repeat -20px -30px}

注解：

宽度和高度是控制显示范围的

overflow:hidden是确保不会有多余显示

background:url(icon.png)是使用图片作为背景显示，并且也只能作为背景显示才能达到这种做法的目的

no-repeat是不会重复，这个不是必须的，不过有会规范一些

-20px -30px是图片的定位，显示时会将图片按这个坐标来定位

上面只是针对固定大小的显示内容来定义的，如果大小不固定，在background属性中有可能需要更改设置。不过重点是这种方式是这么使用的。

如果大小不固定，也可以这样定义，让背景自适应：

.sa {width:autoheight:20pxoverflow:hiddenbackground:url(icon.png) no-repeat right bottom}

对于图片2(首页标签)的内容，也是这么使用的：

.a {width:100pxheight:25pxoverflow:hiddenbackground:url(2.png) no-repeat left center}

.a:hover {background-position:right center}

这样一来，当鼠标移到元素时，背景定位发生变化，显示的内容便由左边的变成右边的了。

不过你应该对CSS这方面还不是很了解，目前可能还没有很便捷的方式对这些CSS进行快速定义，所以也只能告诉你是这么一回事，但未必能帮得上你。