1.执行下面代码,在IE6,IE7,IE8+,Firefox中的情况()【单选】
div
{
width:20px;
*width:15px !important;
*width:10px;
}
A.Firefox和IE8+的宽度为20px;IE7的宽度为15px;IE6的宽度为10px
B.Firefox和IE8+的宽度为20px;IE7和IE6的宽度为15px
C.Firefox和IE8+的宽度为15px;IE7的宽度为15px;IE6的宽度为10px
D.Firefox和IE8+的宽度为15px;IE7和IE6的宽度为10px
答:A。 Firefox和IE8+会忽略带星号的属性,所以它们的宽度是20px。IE6和IE7都能识别带星号的属性,但IE7能够正确提升带!important属性的权重,所以IE7的宽度为15px。IE6在前面曾提到过,在当前的声明块中有一个bug,不能正确解析!important,所以最后的宽度是10px.
答:A。 Firefox和IE8+会忽略带星号的属性,所以它们的宽度是20px。IE6和IE7都能识别带星号的属性,但IE7能够正确提升带!important属性的权重,所以IE7的宽度为15px。IE6在前面曾提到过,在当前的声明块中有一个bug,不能正确解析!important,所以最后的宽度是10px.
2.如何实现了一个圣杯布局?
答:圣杯布局(Holy Grail)是指页面从上到下由页头、内容和页脚组成,内容由左、中、右三列组成。其中左右两列宽度固定,中间一列自适应。
3.Eric Meyer的Reset.css和现在流行的Normalize.css有什么区别?
1.两者的理念不同,Reset.css倾向于统一元素的初始外观,而Normalize.css倾向于同意元素的表现形式
2.Reset.css会牺牲元素默认样式,而Normalize.css会有选择地保留元素默认样式
3.Normalize.css能够修复浏览器的bug;而Reset.css没有这个使用地功能。
4.Reset.css内容比较少,注释也不多,而Normalize.css有详细的注释,便于理解,而且用注释划分了多个模块,便于管理
4.如何让一个浮动元素水平居中?
4.如何让一个浮动元素水平居中?
答案:浮动元素通常会在水平方向上向左或向右移动,如果要居中,首先需要向反方向偏移一定的距离,元素的偏移可以用相对定位和偏移属性实现。把偏移距离设为50%,元素地左边缘被移动到了容器地中间位置,要得到元素地居中效果,可以借用子元素或使用CSS3新增地唯一功能,将元素自身再向反方向偏移50%;