1.伪类，pseudo-classes其核心就是用来选择DOM树之外的信息，不能够被普通选择器选择的文档之外的元素，用来添加一些选择器的特殊效果。 ：hover, ：active, :visited :link :first-child 由于状态的变化是非静态的，所以元素到达一个特定状态时，可以得到一个伪类的样式。当状态改变时， 它会又失去这个样式。 由此可以看出它的功能和class类似，但是它是基于文档之外的抽象，所以叫伪类。伪元素 pesudo-elementsDOM树没有定义的上...
本文主要和大家分享50道CSS基础面试题，希望能帮助到大家。1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的...
本篇文章给大家带来的内容是关于BAT各大互联网公司html+css前端面试题总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。前面几题是会很基础，越下越有深度。Ht...
本篇文章给大家带来的内容是关于html和css的面试知识点总结（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。CSS优先级算法优先级就近原则，同权重情况下样式定义最近者为准载入样式以最后载入的定位为准优先级为: !important > id > class > tag important 比 内联优先级高important声明比js的优先级要高第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值...
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) 面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。 题目类型： 技术视野、项目细节、理论知识题，算法题，开放性题，案例题。 进...
昨天我去北京海淀区一家科技企业面试了，他们给了我一套试卷，我偷偷记下了我不会做的一道题目，请论坛上的朋友帮我解答一下，多谢了！ 题目：请仔细阅读下面的html代码,并写css代码实现后面的2个功能？ 第一个span duv1 第二个span div2 第三个span 1、id等于oneDiv和twoDiv的2个div把id等于bigDiv的div，在垂直方向上等分...
很多面试题是我自己面试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. 就是三楼的意...