做前端工程师的一点儿总结

HTML基本知识

1.何为DTD?HTML 和XHTML的区别
2.块级元素和块内元素的区别:

Block-level

address | blockquote | body | dd | div | dl | dt | fieldset | form | frame | frameset | h1 | h2 | h3 | h4 | h5 | h6 | noframes | ol | p | ul | center | dir | hr | menu | pre | del | ins | form | table | noscript

Inline-level

a | abbr | acronym | b | bdo | big | br | cite | code | dfn | em | i | img | input | kbd | label | q | samp | select | small | span | strong | sub | sup | textarea | tt | var

CSS基础知识

选择器

类型选择器
后代选择器
ID选择器
类选择器
伪类
通用选择器

优先级

跨浏览器策略

#demo{
    background:red;/*for firefox*/
    border:2px solid black ;/*for firefox*/
    *background:blue;/*for ie7*/
    *border:2px solid green; /*for ie7*/
    _background:green;/*for ie6*/
    _border:2px solid red; /*for ie6*/
}
注：*是针对ie的（包括ie6和ie7）；’_’是专门针对ie6的。
顺序是:先firefox,再IE7,再IE6

CSS相关的要点

1.CSS的DTD引发的怪异模式，标准模式，近标准模式。
2.CSS的盒模型的不同。（在怪异模式下的不同)
3.浮动方式.
4.定位方式(普通定位，流式定位，相对定位，绝对定位）
5.在某些标记(UL/li)的默认样式上的不同.

页面在IE和CSS下展现不同时如何解决

1.检查是否因为缺乏DTD而触发了怪异模式
2.检查是否没有清理IE或firefox的默认样式。
3.是否因为某个标记未关闭或嵌套不正确而引引浏览器自动修正脚本。不同的浏览器修正方式不同。(实在不行了就用webdeveloper插件的verify功能到w3.org上去确证)