网页设计与css相关.doc

联想比试题 1、什么是网站重构？ div+css的布局较table布局有什么优点？ 把未采用CSS，大量使用HTML进行定位、布局，或者虽然已经采用CSS，但是未遵循HTML结构化标准的站点变成让标记回归标记的原本意 义。通过在HTML文档中使用结构化的标记以及用CSS控制页面表现，使页面的实际内容与它们呈现的格式相分离的站点。的过程就是网站重构 网站为什么要进行重构（网站重构的好处） a、使页面加载得更快速； b、降低带宽带来的费用：节约成本； c、让你在修改设计时更有效率而代价更低； d、帮助你的整个站点保持视觉的一致性； e、更利于搜索引擎的检索（符合SEO的 规范）； f、令站点更容易被各种浏览器和用户访问（包括手机、PDA和 残障人士使用的文字浏览器）； g、兼容不容忽视的Mozilla 系浏览器（Firefox 份额）； h、提高你的职场竞争实力(事实上也 就是降低失业的风险)。 1、改版的时候更方便 只要改css文件。2、页面加载速度更快、结构化清晰、页面显 示简洁。3、表现与结构相分离。4、易于 优化（seo）搜索引擎更友好，排名更容易靠前。? 2.如何理解css盒模型？ 每个HTML元素都是长方形盒子 外边局(margin)、内边距(padding)、边框(border); 3.平时做网页用的css hack? ?? Ie6 * _; ?ie7 *, *+,!important;? ff !important. 4.表现与结构相分离 简单的说就是 HTML中只有标签元素? 表现完全是由CSS文件控制的 5.解决ie6双边距问题 块级元素就 加display：inline； 行内元素转块级元素 display：inline后面再加display：table 6.如何定义高度为1px的容器？ {heigh：1px; width:10px; background:#000; overflow:hidden}ie6下这个问题是默认行高造成的，overflow:hidden?|?zoom:0.08?|?line-height:1px这样也可以解决 7.如何实现一个层在 浏览器中垂直左右居中？ margin：auto 8.如何解决ie6的3像素 问题？ _zoom:1; ?margin-left: value; _margin-left: value-3px; 9.为什么FF下文本无法撑开容器的高度?如何解决？ 清除浮动 .clear{ clear:both; height:0px; overflow:hidden;} 10.怎么样才能让层显示在FLASH之上呢?? 解决的办法是给FLASH设置透明属性 param name=wmode value=transparent /或者param name=wmode value=opaque / 补充: 1、margin-left:10px在FF和IE6下显示问题。IE6显示 20px,FF显示10px。?? 用!important就可以解决了。margin-left:10px !important;margin-left:5px;2、cursor:hand在FF不显示小手，如何解决？?? 一句话：cursor;pointer;3、要求在FF显示height为20px;IE6下显示height为25px;IE7下显示height为30px.?? #test{height:20px;}?? *html #test{height:25px;}?? *+html #test{height:30px;} ?? 这个以前我们说过，请参考【IE6的疯狂Bug之九】解决CSS兼容性最常用的Haker?? 三个就写上，FF只认识第一个#test,IE6只认识第二个*html #test，IE7只认识第三个*+html #test??PS：DTD必须加上!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”　”/TR/html4/loose.dtd“要不还是不认。4、在IE中内容会自适应高度，而FF不会自适应高度。在要自适应高度的层中加一个层，样式为.clear{clear:both;font-size:0px;height:1px}，这样解决有一个小小的问题，高度会多一个像素。还有一种解决方法，给当前层加上一个伪类#test:after {content: .; display: block;?? height: 0; clear: both; visibility: hidden;} ? 1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式