1 优化的目的:
①减少服务器压力,②提升用户体验
2 优化的原则:
(1)尽量减少http请求个数;sprite css(精灵图)
(2)页面的顶部,引入css文件
(3)将css和js放到单独的文件中
3 css代码优化
(1)尽量的重用,减少样式的重写
(2)合并样式,能简写就简写,能群组就群组
(3)代码压缩
(4)避免出现空的src和href
4 css reset和normalize.css
(1)什么是css reset?
HTML默认自带样式,不同浏览器对样式的解析时不同的.为了统一,我们需要把所有浏览器默认的样式清除或者重写,这个行为就叫css reset.
一般css reset非常暴力/霸道,让很多元素直接失去了本身特性
Eric.css
(2)normalize.css
属于css reset的一种解决方案,解决方案比较平和
保护有用的浏览器默认样式,而不是完全清除他们,同时有针对性的修复了很多浏览器的bug
为了保证样式在不同浏览器=上的一致性
normalize.css