"WEB前端面试题总结，包括DOM元素的显示隐藏以及定宽网页横向居中对齐布局

103 浏览量更新于2023-12-31 收藏 27KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

WEB前端面笔试题总结在WEB前端开发中，面试官通常会问一些常见的问题来评估面试者的基础知识和实际应用能力。本文将对这些问题进行总结和回答，以帮助读者更好地准备面试。 1. 如何显示/隐藏一个 DOM 元素？可以通过修改元素的CSS样式来显示/隐藏DOM元素。常见的方法有： - 将元素的display属性设为none，即display: none。 - 将元素的visibility属性设为hidden，即visibility: hidden。 - 将元素的opacity属性设为0，即opacity: 0。 - 将元素的width或height属性设为0。 2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局，请写出主要的HTML标签及CSS。 HTML代码示例： ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>居中</title> <style type="text/css"> body { width: 100%; text-align: center; } .container { width: 600px; margin: 0 auto; text-align: left; } </style> </head> <body> <div class="container">  </div> </body> </html> ``` 在这个示例中，我们将body元素的宽度设为100%并设置text-align为center，这样可以使内容区域在浏览器中水平居中对齐。然后，我们创建一个名为container的div元素，将其宽度设为定值（例如600px）并通过设置margin属性将其在水平方向上居中显示。最后，我们将container内部的内容区域进行左对齐，使其符合设计要求。通过上述总结，我们可以看到，参与WEB前端面试的人需要掌握HTML、CSS等基本知识，并且能够熟练运用这些技术来解决实际问题。通过仔细准备和实践，相信大家都能在面试中取得好的成绩。

资源详情

资源推荐