前端CSS技术是网页设计和开发中不可或缺的一部分，掌握CSS技术的前端工程师在市场上非常抢手。而在面试中，CSS面试题也是面试官常常会问到的一部分。介绍一些常见的前端CSS面试题，并为读者提供一些背景信息。
在面试中，前端CSS面试题通常涉及到CSS选择器、盒模型、布局、浮动、定位、响应式设计等方面。下面将这些方面的面试题。
1. CSS选择器
在CSS中，选择器是用来选择页面中的元素并为其应用样式的一种方式。常见的选择器有类选择器、ID选择器、标签选择器、属性选择器等。面试官可能会问到如何使用不同的选择器来选择特定的元素，以及它们的优先级是如何确定的。
2. 盒模型
盒模型是CSS中一个重要的概念，它描述了一个元素所占据的空间。面试官可能会问到盒模型的组成部分，如何设置盒模型的宽度和高度，以及如何使用边框、内边距和外边距来控制元素的间距和外观。
3. 布局
在前端开发中，布局是一个重要的方面。面试官可能会问到如何使用CSS来实现不同的布局，如流式布局、弹性布局和网格布局等。还可能会问到如何实现常见的布局效果，如居中、等高布局等。
4. 浮动
浮动是CSS中一个常用的属性，可以使元素脱离文档流并在其容器中浮动。面试官可能会问到如何使用浮动来实现多列布局，以及浮动的一些特性和注意事项。
5. 定位
定位是CSS中用来控制元素位置的一种方式。面试官可能会问到如何使用定位和相对定位来实现元素的精确定位，以及如何使用固定定位来实现元素的固定位置。
6. 响应式设计
响应式设计是一种能够自动适应不同设备和屏幕大小的网页设计方式。面试官可能会问到如何使用媒体查询来实现响应式设计，以及如何使用CSS来适应不同的屏幕大小。
以上是前端CSS面试题的一些方面，通过对这些面试题的了解和准备，可以在面试中更好地展示自己的CSS技术和能力。希望能够对读者在前端CSS面试中有所帮助。
hr如何面试web前端工程师，该问哪些技术问题
一、基本知识我们生活在互联网时代，你想知道的任何事情几乎都能在15分钟内找到相关信息。 可是，能找到信息并不等于你会使用它。 我认为所有前端工程师至少都应 该掌握某些基本的知识，才能有效地完成自己的工作。 如果一遇到问题，就停下工作上网四处搜索解决方案，怎么可能保证按期完成工作呢？听听，还有谁在说“我 不知道，但我可以上网搜到。 ”请这些同学把手举起来，让大家认识一下（immediately raises a flag FOR me.）。 下面我列出一些基本的知识点，这些都是我认为一名前端工程师（无论工作年头长短）在没有任何外来帮助的情况应该知道的。 [list][*]DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 [*]DOM操作——怎样添加、移除、移动、复制、创建和查找节点。 [*]事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。 [*]XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。 [*]严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。 [*]盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。 [*]块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。 [*]浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 [*]HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。 [*]JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。 [/list]重申一下，上述这些知识点都应该是你应该“想都不用想”的东西。 我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。 虽然上面列出的这些知识点并没有面面俱到，但我觉得你至少应该掌握这些，才有可能跟我坐到一间办公室里来。 二、少量提问我非常赞同面试者问的问题越少越好。 反复问应聘者各种问题既不公平，也很无聊。 我在任何一次面试中，通常只问三个大问题，但每个问题又会涉及我所能想到的多个方面。 回答每个大问题一般要经过几个步骤，这样我就可以在每个步骤中穿插着问一些小问题。 比如说：现在有一个正显示着Yahoo!股票价格的页面。 页面上有一个按钮，你可以单击它来刷新价格，但不会重新加载页面。 请你描述一下实现这个功能的过程，假设服务器会负责准备好正确的股票价格数据。 这个问题牵扯到一组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。 如果我要求你对换一种处理股票价格的方式，或者 让你在页面中显示其他信息，就可以把更多的知识点包括进来。 对于经验比较丰富应聘者，我也可以自如地扩展要考察的知识范围，最简单像JOSN与XML的区 别、安全问题、容量问题，等等。 我还希望应聘者给出的任何解决方案中都不要使用库。 我想看到最原生态的代码，你就当页面中没有包含任何库。 你说你对哪个库了解多少多少，但我不能把 关于库的知识作为评判能力的因素，因为库是会随时间变化的。 我需要的是真正理解库背后的机制，特别是能够徒手写出一个自己的库的人。 三、解决问题做为一名前端工程师，最值得高兴的事莫过于解决同一个问题会有很多种不同的方法，而你要做的就是找出最合适的方法来。 我在提问的时候，经常会在应聘 者解释完一种方法后问他们还有没有第二种方法。 此时我会跟他们说，假设你的这个方法由于种种原因被否决了，那么你还能不能给出另一种方法。 这样做可以达到 两个目的。 首先，可以测试出他们是否在毫无意义地复述书本中的东西。 不能不承认，某些人确实有过目不忘的天赋，听他们在那里滔滔不绝地讲，你会觉得他们什么都 明白。 可是，只要一跟这些人谈到怎么查找方案无效的原因，以及能否拿出一个新方案来，他们往往就傻眼了。 这时候，如果我听到“我不明白这个方案为什么不够 好”之类的反问，心里立刻就明白我的问题已经超出了他们的能力范围，而他们只是想拿自己死记硬背的结论来蒙混过关。 其次，可以测试出他们已经掌握的（还是那句话，“想都不用想”）浏览器技术知识。 如果他们对浏览器平台的核心知识有较好的理解，想出解决同一问题的不同方案根本没有那么难。 对一名前端工程师来说，这绝对是最重要的能力。 前端工程师在工作中遇到本该如此却并未如此的难题（说你啦，IE6），应该说是一件很平常的事。 一个方案无效就无计可施的人，做不了前端工程师。 考核应聘者解决问题能力的另一层原因，与我的个人喜好有关。 在搞清楚应聘者知道什么不知道什么之后，我就会想着问一个他们知识领域之外的问题。 这样 做的目的，就是想看看他们怎样运用已有的知识解决新问题。 在解决问题的每一步，我也准备了一些提示，以防有人会卡壳打艮（在我面前15分钟一言不发，对我 评价这个人毫无帮助）。 我真正感兴趣的，是他们能够从上一步前进到下一步。 我希望看到一个人就在我眼前学到新知识。 注意：所有问题都与浏览器技术相关。 我不相信出几道抽象的逻辑题，就能够考出某人解决Web技术问题的能力。 在我看来，这无异于让素描大师画肖像（或者让刘翔跟博尔特同场竞技），没有意义，也得不到任何有价值的信息。
我面试web前端开发的时候，人家公司总是给我一张ps效果图，让我转化成web格式的网页，我该怎么做呢？
我也是做网页前台设计，主要是div+css布局。 首先你要明白整个网页的结构。 方便你重构网页首选你要根据效果图布局，就是划分好div块，利于你网页重构，可以用最简洁的代码实现。
JAVA,CSS,JAVASCRIPT面试题
1,本人测试，var a=();var a=//； 报错两个不行！ --------------------------------- 2,JAVA！ int char while for do switch void double float unsigned long try abstract super extent bool break case catch class delegate foreach in static void public private protected internal 等等 太多了 3, 这题有点不知道怎么答，到底声明是什么意思？ 是声明一个已经存在一个CSS有三种： 1.导入一个已经存在的CSS文件 2.直接在HARD里声明一个CSS代码段：3.直接在网页元素里声明使用CSS： 如果是声明CSS类 ， 则有三种： 直接标签名作为CSS类名称： TagName{ ... } 以元素ID作为CSS类声明： #ID{...} 自定义CSS类名称 ： {} -------------------------------------------------------------- 4,开源的 客户端脚本的话就说说 ExtJS她可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在、Java、Php等各种开发语言开发的应 用中。 而且，使用这个框架可以直接用一行代码实现非常漂亮的而且标准的网页控件界面，可以使用代码调用的控件来替代目前的流行网页布局，和WinForm程序一样，使得前端开发完全控件化。 Jquery也是优秀的前台框架，优点： 代码简练、语义易懂、学习快速、文档丰富。 jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。 jQuery支持CSS1-CSS3,以及基本的xPath。 jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 可以很容易的为jQuery扩展其他功能。 能将JS代码和HTML代码完全分离，便于代码和维护和修改。 插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。 除此之外，还有ProtoType,Bindows(JS框架) 服务，ZedGragh(做统计图的),Spring,Hibernate,Structs,EJB，Jbmp等比较有名的
发表评论