Web前端工程师是近几年的新兴职业，也是目前火爆而且高薪的职业。不同的公司也有不同的叫法，比如：网页界面开发，网站设计等，要学好Web前端开发，需要掌握什么方法与技巧？

一、div和table

这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。

嘿，你知道吗？原来找网页上的元素就跟用GPS去寻宝似的，而XPath就好比是我手里的藏宝图呢！

初识XPath

老师傅说："HTML是棵倒挂的树，XPath就是你的登山杖。"
我盯着这段代码发呆：

前言

此spa非彼spa,不是你所熟知的spa。你所熟知的spa作者肯定是没有你熟悉的。

我们这里指的是在前端开发中的一种模型，叫作单页应用程序，顾名思义，就是整个项目只有一个页面，而页面中的内容是动态的，以组件的形式展示，靠路由来映射组件。

为什么ul里面的li元素浮动起来以后本应该独占一行的P标签会跟着上去贴着li元素的内容呢？ 引入的一个CSS里面把除非设置Ul的行高，这样P标签才会下拉，这是为什么？

下图是出来的没加css效果

刚开始我也是烦，但是后来看了一下资料知道是怎么回事了。这是因为浮动使得li脱离正常的文档流，li的父元素ul的高度变为0，这时，与ul相邻的p元素的位置就上去了。又因为浮动会对邻近的内容进行缩进，所以p元素里面的文字会贴着li，如果p元素里的文字足够多，你会看到p元素里的文字是环绕li的，这就是浮动最本质的工作。当你设置ul的高度后，ul的一些性质不再受浮动的影响，p因此就下去了。所以浮动用过之后要留意了，一不小心就捣蛋滴。