4.css浏览器原理与兼容等

0.

  ! import>内联>id>class>标签

　　css定义的权重：!import(10000)、内联(1000)、id(100)、class(10)、标签(1)

 

1.css中的一些兼容问题

IE:trident内核
Firefox：gecko内核
safari：webkit内核
opera：以前是presto内核，现在改用google chrome的Blink内核
Chrome：Blink（基于webkit，google与opera software共同开发）

①不同浏览器的标签默认的外补丁和内补丁不同，解决方案：用通配符*来设置各个标签的内外补丁是0（即设置margin和padding为0）；

②div的垂直居中问题 vertical-align：middle；

③margin加倍问题：设置为float的div在ie下的margin会加倍。解决方案：为这个div设置样式：display:inline;

 

js判断浏览器内核 及ie的版本问题

2.

盒子模型

盒子模型包括四部分：内容（content = 宽*高）、填充（padding）、边框（border）、边界（margin）
盒子模型可以分为两种：IE盒子模型和W3C标准盒子模型
区别：两者对于width的计算方式不同（可以通过box-sizing设置）

　　　　IE　　 　　width=border+padding+内容，

　　　　W3C标准　width=内容。

 

 

3.css样式的书写顺序及原理

 

4.可继承样式和不可继承样式

 

4.前端开发面试知识点大纲

二、兼容

inline-block:4像素问题

　　HTML结构、负的margin、

　　设置父元素字体为0、丢失结束标签、

　　jquery方法、全兼容的样式解决方法