1.兼容性调试：
| ie6 | ie7/8 | firefox | |
| * | √ | √ | × |
| !important | × | √ | √ |
| _ | √ | × | × |
（只有ie6识别_，只有ie6不识别!important,只有ie系列浏览器识别*，所以通常把兼容性最强的火狐，谷歌等放到最上面）
ie6：_margin:100px;
ie6、7、8:*margin:100px;
覆盖性，后覆盖前，所以ie6的时候要写在最底下，例如（ie6条件下）：margin:100px;_margin:11px;/*margin最后是11px*/
_margin:11px;margin:100px;/*最后是100px*/
2.放到网上会首先检索：index.html文件，所以这个文件是开始页面，不能随便命名。
3.ie6-10的问题：通常不设置margin，会默认有间距，a img{ margin:0};解决a包含的img标签的空隙。
4.块级比较多时，每个块级用注释，
（1）会提高后期修改效率。
（2）这样做不会因为多删除东西，导致整个页面崩溃
5.外部链接：提到外部只会提高效率，避免先做完，最后抽取。
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="hd_help.js"></script>
6.关于注释，没用的代码拷贝出来，尽少的注释，注释过多只会更混淆。
7.学会了热点：<map><area>，并且可以对热点进行点击，写事件，js控制属性。
8.切图要精确到一个像素，不然有可能导致整个页面变形。学到的ps技巧：
（1）切单个图标的方法是用ps中的，选框工具（就是那个矩形），然后ctrl+x
（2）组合键ctrl和1是把图片放大到100%，ctrl和+是放大图片，ctrl和-是缩小图片。
（3）切片工具的使用：
第一步，首先，视图->显示额外内容，能在切图的时候，看到额外信息，比如是否是对齐了各个切图。
第二步：选好了切块后，选择文件->存储为web和设备所用格式100%->预设选择png->存储->保存。然后就切好了png图像。
9.js的使用，用传参的方式，可以少写很多代码，特别是传递自身的时候，this的妙用，如果传递了this，js中调用元素直接可以用this.style.xx="";如果传递的是一个元素的ID，在获取元素的时候，就得用到:document.getelementbyid(ID);
10.html4和5的区别，W3C组织新定义的渲染效果和功能，最重要的表现形式就是表头不同。
11.灰色的值是rgb三色相等，但是不能为0或者全f，区别只是灰色程度不同。
12.测试ie兼容性工具：IETester
13.如果是option，chrome和safari表现不同，虽然同是webkit内核，实际上本质完全不同
去掉框的话：appearance: none;-webkit-appearance: none;