web前端拾遗

在前端开发是一个极为需要实战经验的职业，且不说各种前端技术纷繁复杂，单单那成百上千的标签就让程序猿们有得忙了！但其实标签却不是前端程序猿们之间的差距，同样的效果设计图，一个老鸟的代码总会比菜鸟们的精简的多，这是因为在同样实现同一个页面的过程中，老鸟们会尽可能的将代码集成化，避免不必要的冗余。

以CSS为例，老鸟们会将N多标签属性在头部就定义成一个模板，这样的方法避免了在每个不同容器里的相同标签的定义的冗余，并且一鼓作气的清空了所有容器中的浮动。这样做使得每个标签的定义，变为特殊标签的单独定义，所剪除的冗余代码可想而知。

老鸟另一点完爆菜鸟的地方，就在于实践经验对网页架构的理解要优于菜鸟!同样的页面，架构的好坏直接决定完成整个页面的时间和质量，这一点只要走过来的前端程序员都会对此有深深的体会。

/* Reset */
body,h1,h2,h3,h4,h5,h6,ul,ol,li,form,input,p,div,span,img,a,label,select,dl,dt,dd{margin:0; padding:0;}
body{-webkit-text-size-adjust:none;font-size:12px;color:#666;background:url(/img/bg01.png) repeat-x;width:980px;margin:0 auto;font-family:"宋体";}
input,select,label{vertical-align:middle;}
ul,ol,li{list-style:none;}
img{border:none;}
.clear{clear:both;line-height:0; font-size:0; width:100%;overflow:hidden;}
a{color:#666;text-decoration:none;}
a:hover{color:#0b7f00;text-decoration:underline;}