前端面试题-答案-副本

1、前端部面试题答案填空题（40分）1、目前常用的WEB标准静态页面语言是 html 。2、 改变元素的外边距用_margin_，改变元素的内填充用_padding_。3、在Table中，TR是_行_，TD是_列_。4、如果给一行两列的表格（table）定义高度样式，在_css样式中对tr_标签中定义最合理，最能减少代码的臃肿。5、对ul li的样式设成无，应该是用什么属性 list-styl-type：none 。6、在新窗口打开链接的方法是_target=_bank_。7、Color:#666666;可缩写为_color：#666_。8、合理的页面布局中常听过结构与表现分离，那么结构是_div

2、_，表现是_css_。二、选择题（20分）1、在下面的XHTML中，哪个可以正确地标记折行？A： B： C：2、下列哪些是格式良好的XHTML？A：A short paragraphB：A short paragraphC：A short paragraph3、在以下的HTML中，哪个是正确引用外部样式表的方法？A：B：C：mystyle.css4、在HTML文档中，引用外部样式表的正确位置是？A：文档的末尾B：文档的顶部C：部分D：部分三、问答题（40分）1、请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线）L-V-H-Aa:link line-style：

3、none；a:hover line-style：underline；a:link line-style:none; a:visited a:hover a:active 或者a:linktext-decoration:none;a:hovertext-decoration:underline;2、当float和margin同时使用时，IE6的双倍边距BUG如何解决？要为块状元素要左侧浮动要有左外边距display：inline；或者margin-right:-3px;3、为什么无法定义1px左右高度的容器？解决方法有哪些？1、给DIV容器添加overflow：hidden 属性。2、添加一个f

4、ont-size:0px 属性。需要注意的是必须要在DIV容器中加入一定的内容如： ,如果不加入内容在IE6下该容器的高度是2px,这个不需要质疑，本人经过了浏览器测试。IE6有默认行高解决方法也很多比如overflow:hidden;zoom:0.08;line-height:1px;仅供理智参考4、Firefox中标签的居中问题的解决方法？*margin：0px auto；5、请写出XHTML和CSS如何注释？. .class/*注释内容*/.6、请以缩写方法写出1px直线（实线）灰色（任意灰色代码值），上面无边框的矩形边框样式。.*border：1px solid #000；b

5、order-top：0px；或者border:1px solid#ccc;border-top:none;7、CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？伪类A标签可以继承 列表 UL LI DL DD DT可继承 优先级就近原则，样式定义最近者为准 载入样式以最后载入的定位为准 优先级为 !important id class tag Important 比内联优先级高 7、 前端页面有哪三层构成，分别是什么？作用是什么？ 结构层，表现层，行为层；8、 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些

6、？怎么会出现？解决方法是什么？ 涉及到效率一般就在IEtext firefox 3.5 软件上测试模拟使用Trident内核的浏览器：IE、Maxthon、TT、The World等；使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey；使用Presto内核的浏览器：Opera7及以上版本；使用Webkit内核的浏览器：Safari、Chrome。div的垂直居中问题margin加倍的问题浮动ie产生的双倍距离DIV浮动IE文本产生3象素的bugfloat的div闭合;清除浮动;自适应高度;.9、 如何居中一个浮动元素? 设置容器

7、的浮动方式为相对定位 然后确定容器的宽高比如宽500 高 300 的层 然后设置层的外边距 .Div Width:500px ; height:300px; Margin: -150px 0 0 -250px; position: absolute; left:50%; top:50%; 10、 .有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！ 必问！首先html5是下一代的html标准，而且标准规范已经发布。HTML5 - 新特性HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支

8、持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search删除的：big, center, 1、能用css代替的元素 basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的，HTML5中提倡把画面展示性功能放在css中统一编辑。1重新组织了标记，很多旧的繁琐的标记取消，添加了几个常用的新语义化的标记。2anvas画布，可以做游戏,可以直接网页绘图，这意味着用户可以脱离Flash，直接在浏览器中显示图形或动画。3添加

9、了本地数据库：客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储CSS3 是最新的 CSS 标准。CSS3有哪些新特性？1. CSS3实现圆角（border-radius），阴影（box-shadow），2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg

10、);/ 旋转,缩放,定位,倾斜4. 增加了更多的CSS选择器 多背景 rgba 5. 在CSS3中唯一引入的伪元素是 :selection.6. 媒体查询，多栏布局7. border-image比如对多背景图圆角投影等样式的关注11、 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片？ 涉及到人手、分工、同步； 先期团队必须确定好全局样式（globe.css），编码模式(utf-8) 等 编写习惯必须一致（例如都是采用继承式的写法，单样式都写成一行）； 标注样式编写人，各模块都及时标注（标注关键样式调用的地方）； 页面进行标注（例如页面模块开始和结束）； CSS

11、跟HTML 分文件夹并行存放，命名都得统一（例如style.css） JS 分文件夹存放命民以该JS 功能为准英文翻译； 图片采用整合的 images.pngpng8 格式文件使用尽量整合在一起使用方便将来的管理 12、 你对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？首先是对职位的工作职责有明确认识，还有客观的对自己所在职位中的水平认识比较到位，诚恳、尊重这个事业。主要工作是把UI的设计图按照w3c标准做成html页面，并且用javascript脚本语言实现页面上的前端互动。互动效果包括，弹出层，页签切换，图片滚动，ajax异步互动等。高级前端工程师还要承担前端优化的工作，优化的

12、知识就会更多一些，比如文件过期Expires，缓存，异步缓存，js和css以及图片的压缩等。前端开发是一项很特殊的工作，前端工程师的工作说得轻松，看似轻巧，但做起来绝对不是那么的简单。在开发过程中涵盖的东西非常宽广，既要从技术的角度来思考界面的实现，规避技术的死角，又要从用户的角度来思考，怎样才能更好地接受技术呈现的枯燥的数据，更好的呈现信息。简单地说，它的主要职能就将网站的数据和用户的接受更好地结合在一起，为用户呈现一个友好的数据界面。前端工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。互联网的发展速度迅猛，网页由WEB1.0到WEB2.0，再 到新生的HTML5、CSS3，到现在手机、3G网络等新科技的兴起，网页也由最原先的图文为主，到现在各种各样的基于哀前端技术实现的应用、交互和富媒 体的呈现，更多的信息、更丰富的内容、更友好的体验，已经成为网站前端开发的要求，网站的前端开