1.main -- word-wrap:normal||break-word; 强制换行 主要用于块状元素
word-break：normal||break—all； 单词内处理换行
white-space:nowrap; 强制不换行知道碰见 br
overflow:hidden; 超出部分隐藏
text-overflow:ellipsis; 超出部分显示省略号
2.width=content + padding + border。
3.input type属性
button checkbox file hidden image password radio reset submit text
4.:before 和 :after 在所选标签的前面或后面加内容和并对新家的内容添加样式 （元素内容不是元素本身）
<a href="" >欢迎你</a>
a:before{
content:"北京"
color:red
}
后的内容是 北京欢迎你 北京为红色 a标签里的新的内容为 北京欢迎你
5.z-index
设置元素的（堆叠顺序）优先级，优先级搞的元素先显示，所以只能适应于用 position定位的元素
6.a标签点击事件。
void(0)返回undefined，地址不发生跳转，不会将js方法暴露在浏览器的状态栏。
a href="javascript:void(0);" onclick="javascript:js_method()"或
onclick="javascript:window.location.href='URL'"
#是标签内置的一个方法，代表top的作用。返回到页面的最顶端。
a href="#" onclick="js_method()"
执行后还是在页面的当前位置。
a href="#" onclick="js_method();return false;"
7.jQuery中的遍历:以下是官方的解释：
jQuery.each(object, [callback])
通用例遍方法，可用于例遍对象和数组。
数组： var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
alert(this);
});
例遍数组，同时使用元素索引和内容。（i是索引，n是内容）
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
遍历DOM：$("li").each(function(){
alert($(this).text())
});
8.正常的网页加载流程是这样的。
浏览器一边下载HTML网页，一边开始解析
解析过程中，发现<script>标签
暂停解析，网页渲染的控制权转交给JavaScript引擎
如果<script>标签引用了外部脚本，就下载该脚本，否则就直接执行
执行完毕，控制权交还渲染引擎，恢复往下解析HTML网页
9.嵌入JS应该放在什么位置
1、放在底部，虽然放在底部照样会阻塞所有呈现，但不会阻塞资源下载。
2、如果嵌入JS放在head中，请把嵌入JS放在CSS前面。
3、使用defer .外链的js如果含有defer="true"属性，将会并行加载js，到页面全部加载完成后才会执行，会按顺序执行。
defer属性的作用是，告诉浏览器，等到DOM加载完成后，再执行指定脚本。
4、不要在嵌入的JS中调用运行时间较长的函数，如果一定要用，可以用setTimeout来调用
指定图像和table的大小
减少inline JavaScript的数量（将inline的script和css移到外部文件。）
10.jquery 的 winij 写在${}内部