web前端入门（一）

1. 浏览器自带 js 基本库，在 html 文件中直接写 js 语句，浏览器即可执行；
2. jQuery 是 js 库，需要下载并导入到html文件中。在 html 中，使用 <script type="text/script" src="path" >引入 js 库；
3. 多个div横排放置顶端对齐问题
   –左右两个 div 都设置为 float:left，如果右边 div 没有设置宽度，右边 div 的宽度会根据 div 里的内容自动调整。（缺点：不易控制）
   –只有左侧 div 设置为 float:left，右侧 div 设置 overflow:auto;，右侧 div 将会占据整个右侧剩余宽度。（缺点：添加2个及以上的 div 时不可控）
   –两个 div 都设置为 display: inline-block;这样可能会出现两个 div 顶端不对齐的情况，可以在右侧 div 设置 vertical-align: top;
4. block,inline,inline-block区别
   – display:block就是将元素显示为块级元素.block 元素总是在新行上开始，高度、行高以及顶和底边距都可控制，如果不设置宽度，则宽度默认是它的父容器的100%。常见的 block 元素有
   　　<div>, <p>, <h1>, <form>, <ul> , <li>。
   –display:inline就是将元素显示为行内元素。inline元素和其他元素都在一行上，高、行高及顶和底边距不可改变，宽度就是它的文字或图片的宽度，不可改变。常见的 inline元素有：
   　　<span>, <a>, <label>, <input>, <img>, <strong> ,<em>。
   –display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性).
5. jQuery中，each函数不能使用break和continue关键字，可以使用 return代替 continue，使用 return false代替break，例：

		 $(".class").each(function () {
		    if(xxx)
		    {
		        return;//相当于continue,停止本次循环内容，进入下一个循环
		    }
		    else
		    {
		        return false;//相当于break，终止循环，执行循环之后的代码
		    }
		});