CSS前端面试题.doc

CSS+DIV网页制作面试题，超经典 一、 填空题（40分） 1、 目前常用的WEB标准静态页面语言是 。xhtml（4分） 2、 改变元素的外边距用　　　margin　　　　，改变元素的内填充用　padding　　　　　　　。（6分） 3、 在Table中，TR是__行______，TD是___列_____。（6分） 4、 如果给一行两列的表格（table）定义高度样式，在__table____标签中定义最合理，最能减少代码的臃肿。（5分） 5、 对ul li的样式设成无，应该是用什么属性__list-style-type_______________属性值__none___________。（6分） 6、 在新窗口打开链接的方法是___target=_blank______________________________。（4分） 7、 Color:#666666;可缩写为__color:#666______________________。（2分） 8、 合理的页面布局中常听过结构与表现分离，那么结构是　　xhtml或xml　　　　　　，表现是　css　　　　　。（9分） 二、选择题（20分） 1、在下面的 XHTML 中，哪个可以正确地标记折行？（A　）（5分） A：br / B：break/ C：br 2、下列哪些是格式良好的 XHTML？（　B）（5分） A：pA bishort/b/i paragraph/p?B：pA bishort/i/b paragraph/p?C：pA bishort/i/b paragraph 3、在以下的 HTML 中，哪个是正确引用外部样式表的方法？（5分）（B　） A：style src=mystyle.css?B：link rel=stylesheet type=text/css href=mystyle.css?C：stylesheetmystyle.css/stylesheet 4、在 HTML 文档中，引用外部样式表的正确位置是？（5分）（　D） A：文档的末尾 B：文档的顶部?C：body 部分 D：head 部分 三、问答题（40分） 1、 请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线）（10分） 2、 当float和margin同时使用时， IE6的双倍边距BUG如何解决？（6分） 3、 为什么无法定义1px左右高度的容器？（7分） 答：IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px 4、 Firefox中标签的居中问题的解决方法？（5分） 5、 请写出XHTML和CSS如何注释？（5分） 6、 请以缩写方法写出１px　直线（实线）　灰色（任意灰色代码值），上面无边框的矩形边框样式。（7分） ? div+css面试题目--前端页面制作面试考题 1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A ? 2.IE6的双倍边距BUG 例如: style type=text/cssbody {margin:0}div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }/style 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为什么FF下文本无法撑开容器的高度? 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义： div { height:auto!important; height:200px; min-height:200px; } 4.为什么web标准中IE无法设置滚动条颜色了? ? 原来样式设置： style type=text/cssbody { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-dar