高效前端
HTML/CSS
理论
能用HTML/CSS的就不用JS 
每个页面的body都要加类名 
li也加上类名 
在做导航高亮时，隐藏元素、隐藏元素的父元素都要设置hover ，填充元素需要使用:before 
巧用相邻选择器（+ ）。在做鼠标移入显示时将触发元素和显示元素放在相邻的位置，方便实用hover控制 
hover伪类的优先级高于正常元素的优先级 
巧用伪类选择器 
鼠标移入移出可以用hover 
点击可以用active 
选中可以用checked ，兼容ie8+ 
获得焦点可以用fcous 
表单验证可以用invalid 
巧用伪元素（是一个元素的子元素） 
用来画无关紧要的元素，比如元素之间的分隔线，点等 
无法用js获取，需要使用getComputedStyle ，第二个参数是伪元素 
是行内元素 
清浮动 clear：both 
最好只用css或者js对元素进行控制 ...