本篇文章给大家带来的内容是关于BAT各大互联网公司html+css前端面试题总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。前面几题是会很基础，越下越有深度。Ht...
本文主要和大家分享HTML基础面试题及答案，希望能帮助到大家。1 DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。2 HTML5为什么只需要写 <!DOCTYPE HTML>？HTML5不基于SGML（Standa...
1、常见的块级元素 内联元素p -最常用的块级元素 dl - 和dt-dd 搭配使用的块级元素 form - 交互表单 h1 -h6- 大标题 hr - 水平分隔线 ol – 有序列表 p - 段落 ul - 无序列表 fieldset - 表单字段集 colgroup-col - 表单列分组元素 table-tr-td 表格及行-单元格 pre - 格式化文本a –超链接（锚点） br - 换行 i - 斜体 em - 强调 img - 图片 input - 输入框 ...
相关知识点web标准、 web语义化、 浏览器内核、 兼容性、 html5...题目&答案Doctype作用？严格模式与混杂模式如何区分？它们有何意义?（1）<!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前，用于告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 （2）标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，...
Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核 Firefox：gecko内核 Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit，Google与Opera Software共同开发) 2.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？答案： 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XH...
1、 HTML中定义表格的宽度用80px与80%的区别是什么？px表示像素，%表示占整个页面宽度的百分比。2、 简述DIV元素和SPAN元素的区别。DIV默认情况下是分行显示，SPAN在同行显示。3、 在HTML页面布局中，position的值有哪几种？默认值又是什么？1）position的五种值分别是static, relative, absolute, fixed, inherit2）position的缺省值是static4、 怎样使一个宽为200px和高为200px的层垂直居中于浏览器中?写出CSS样式代码。 这里使...
1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: body {margin:0} div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } 浮动后本来外边距10px,但IE解释为20px,解决办法...
前端 面试题 html css 现有并列的三列布局结构，从左至右依次为 A, B, C, 宽度分别为180px, 600px, 180px。要求在不改变 HTML 结构的情况下用CSS实现：ABC，CBA，BAC 三种布局及在CBA排列下使B宽度自适应（三列总宽度100%）。 回复讨论(解决方案) .container{ position:relative; width:920px; margin: 0 auto; overflow:hidden; } .cola1,.colb1,.colc1, .cola2,.colb2,.colc2, .cola3,.colb3,.colc3{ heig...
前言 本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！ 面试有几点需注意：(来源程劭非老师 github:@wintercn) 面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。 题目类型： 技术视野、项目细节、理论知识题，算法题，开放性题，案例题。 进...
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。 前面几题是会很基础，越下越有深度。 附上第一篇：BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 Html篇： 1.你做的页面在哪些流览器测...
有这么一段HTML，请挑毛病： 哥写的不是HTML，是寂寞。 我说：不要迷恋哥，哥只是一个传说 这是原来雅虎一道笔试题（文字变了变），用了很多年了，还没有一个人完全答对过。＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 解答部分 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝出这道题的动机是，太多人觉得HTML太简单，但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计的合不合理，直接影响到代码易不易维护，灵不灵...
一、前端开发面试对各方面的考察 1、HTML&CSS 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应2、JavaScript 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。 3、其他 HTTP、安全、正则、优化、重构、响应式、移动端、团队...
CSS精心整理的面试题 1、设置边框的样式用border-style实现，设置边框的颜色用border-color实现 2、CSS的语法由选择器、属性、值三部分组成 3、设置一个div的最小宽度为50像素，最大高度为100像素，实现这两个设置的方法是min-width:50px 、 max-height:100px 4、想要设置一个对象外的线条轮廓的样式为虚线边框，用outline-style: dashed实现该功能 5、在css中，如果想要阻止计数器增加的，用counter-increme...
现在有一个3*3的table，说怎么写能实现把最中间的表格加一个竖线，分成两个表格，其他的不变，仅用html知识，求各位大神解答。 回复讨论(解决方案) 用colgroup? 这问题很吭,或者是你没理解. 开始说了就一table(表格),中间哪还有表格?是单元格(td)吗? 还加竖线?这是在作画吗?一招过去就成俩table了? 综上所述,考点应是拆分单元格. 3*3 的table,中间td拆分成2列,与其对应列的td colspan 2. 就是三楼的意...
前一段时间应聘了一家公司，由于面试前完全没有做准备，面试过程中被问到了一些基础的前端开发问题我没答出来，对方认为"和我们期望的水平还有一定差距"为由拒绝我。 刚好我在github看到一篇很全的前端开发面试题目，所以就尝试自己整理一份答案出来。这篇文章的初衷是希望能够和大家互相讨论交流一下，如果我有错误的地方十分欢迎指出来。 PS: 我不认为单纯通过做题能够成为一名优秀的开发者，但是如果因为没有准备充足错失去...