一、浏览器的概念
市面的五大浏览器:谷歌、火狐、苹果、欧朋、IE
1.欧朋浏览器是公认的渲染静态页面最快的浏览器没有之一
-之前的内核是Presto(前内核已经废弃)-o-
-内核是blink是和谷歌共同开发的
--blink-
2.谷歌浏览器：之前一直使用苹果的webkit内核，但是现在它与苹果内核分道扬镳
-这个内核也在被欧鹏（opera浏览器）共同采用和开发；
--webkit-
3.火狐浏览器：MozillaFirefox
-内核是Gecko
--moz-
4.Safari浏览器
-使用的是苹果公司自己的内核:webkit。
--webkit-
5.IE浏览器是微软出品的浏览器，IE4以上版本都是Trident内核。由于垄断性，IE在很长一段时间内没有更新，导致两个后果：一是IE与W3C标准脱节，二是Trident内核大量的bug问题没得到及时解决。所以这就给了其他浏览器机会，比如firefox等。也正是这些原因，使Web前端开发人员大费折，特别是IE6正处在新旧交替的关键地方（已经逐渐被舍弃）
市面上的第一款浏览器是网景公司开发的网景领航者NN
第一次浏览器大战
-NNvsIEIE赢了
第二次浏览器大战
-IE谷歌火狐国产小弟...
-大战的产物:IE9+
二、图片bug
1.给img标签设置a标签的时候图片在低版本浏览器中会出现边框
2.图片会往下撑开3~6px的间距
-display:block
-vertical-align
三、表单元素
1.多个表单元素之间有间距
-将多个表单元素写在一行内
-浮动属性
四、图片整合技术
图片整合技术的使用csssprites
别名:背景定位技术、精灵图、雪碧图
原理:background-position
作用:可以把若张干小图片放到一张的的图片上利用背景定位属性移动位置显示想对应的图片
面试题:最基本的代码优化有哪些方法
-简写结构不要随意的空格换行
-html+css可以利用压缩方式对代码压缩
-图片小图标利用图片整合技术gulp、webpack
RECOMMEND推荐阅读1、笔记
14-弹性盒flex
2、笔记
15-多列布局和媒体查询
3、笔记
16-移动端布局网格布局
jujujp