面试题201412——CSS

作者：zccst

CSS的优先级？内联和important哪个优先级高？
ID 和 CLASS
Class 可继承
伪类A标签可以继承，列表 UL LI DL DD DT 可继承
优先级就近原则，样式定义最近者为准
载入样式以最后载入的定位为准
!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。
CSS3 Media Queries


常见兼容性问题
IE6 PNG图片问题



盒子垂直居中方法
垂直：top:50% margin-top:height/2


CSS3

对多背景图 圆角 投影