面试题201412——CSS

作者：zccst

CSS的优先级？内联和important哪个优先级高？

ID和CLASS

Class可继承

伪类A标签可以继承，列表ULLIDLDDDT可继承

优先级就近原则，样式定义最近者为准

载入样式以最后载入的定位为准

!important>[id>class>tag]

Important比内联优先级高

另外CSS优先级法则：

A选择器都有一个权值，权值越大越优先；

B当权值相等时，后出现的样式表设置要优于先出现的样式表设置；

C创作者的规则高于浏览者：即网页编写者设置的CSS样式的优先权高于浏览器所设置的样式；

D继承的CSS样式不如后来指定的CSS样式；

E在同一组属性设置中标有“!important”规则的优先级最大；

import与link方式的区别？优缺点？

1，link是XHTML标签，@import完全是CSS提供的一种方式。

2，加载顺序不同。link同时加载，@import页面下载完才开始加载。

3，兼容性。老的浏览器（IE5以前）不支持@import。

4，使用dom控制样式时的差别。Dom可以操纵link，但不能操作@import。

CSS3MediaQueries

常见兼容性问题

IE6PNG图片问题

盒子垂直居中方法

垂直：top:50%margin-top:height/2

CSS3

对多背景图圆角投影