整理网上流传的若干份面试题目,突发奇想,总结关于CSS面试题目的考察点,发现问题大多围绕几个属性和几种题目,水平有限,仅供参考. 写这个博文内心有种莫名奇妙的自我谴责感,实在不应该把面试层叠样式“应试”复习.牛逼的你,也许会说:万变不离其中,把css掌握了,哪里需要担心会考什么.呵呵! 1,  多元素水平居中 实现一下效果: 平常人看见题目,最初感觉实现图片中的效果不难,设置小黑框的宽高边距,字体水平垂直居中即可.其实,题目应该实际上是考察多元素水平居中,即无论元素(小黑框)基数为多少,它们都能…

HTML&CSS面试高频考点(一)    ♥ 6. W3C盒模型与怪异盒模型 标准盒模型(W3C标准) 怪异盒模型(IE标准) 怪异盒模型下盒子的大小=width(content + border + padding) + margin,即真实大小. *参考标准模式与兼容模式的区别,兼容模式下为怪异盒模型. *注意box-sizing可以改变盒模型(box-sizing:border-box即为怪异盒模型). 7. 水平垂直居中的方法 (1)定宽居中 1. absolute + 负margin…

面试的时候一般会常常问起的,同时也是工作的时候会常常问道的几个问题,一下之列表内容,详细的后会附有文章,希望能帮到大家,同时有不足希望大家多多补充交流. 1.主要是的是浮动的问题(常见的问题有,三列布局,清除浮动的几种方式,各自的优缺点等等) http://www.cnblogs.com/zhaodemo/p/5485858.html 2.关于定位的问题(绝对剧中的块,flex,相对定位与绝对定位的区别,定位的原点等等) 3.边距的问题(浏览器兼容性问题.双边距等等) 4.浏览器内核都哪几种,例…

最近面试时候发现自己最熟悉的css确实开发中好多细节没注意到,为了防止在栽跟头,打算从头到底捋一遍咯 语法部分: 1.css几种选择器的写法 (1)h1 em {color:red;} (后代选择器) (2)h1 > strong {color:red;} (子元素选择器) (3)table.company td > p(结合后代选择器和子选择器) (4)h1 + p {margin-top:50px;} (相邻兄弟选择器) 例子:li + li {font-weight:bold;} 会把列…

最经在学习前端的一些东西 转载于http://www.cnblogs.com/lei2007/archive/2013/08/16/3262897.html 雅虎的css前端的35条定律…

先是会有一轮简单的电话技术面试,聊的比较随意,什么都会问,跟职位相关的都有.然后会发一些材料说是要学习,是windows内存管理相关的东西. 完了就是一轮oral test,和技术没有任何关系,问问为什么要换工作啊,中国人外国人区别在哪啊,之前和外国人有过哪些接触啊,等等. 接着是某天下午在紫竹的三轮onsite interview. 上来先是模拟一个具体的情景,给客户回复邮件.重点在安抚客户情绪,给出具体解决步骤上,至于你的方法能不能用,不是考察的主要内容. 然后是第一轮面试,应该是leade…

5.css盒模型: CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框 和 外边距 的方式…

一.预处理器 1.介绍 基于CSS的另一种语言.通过工具编译成CSS.添加了很多CSS不具备的特性.能提升CSS文件的组织 2.less嵌套 3 .sass嵌套 4. less变量 5.sass变量 6.less mixin 7.sass mixin 8.less extend 9.sass extend 10.less loop 11.sass loop 12.less import 13.sass import 14.预处理器框架 二.工程化方案 1.PostCSS介绍 2.PostCSS插…

一.CSS基础 1.选择器 选择器{ 属性:值: 属性:值 } 作用:用于匹配HTML元素.分类和权重.解析方式和性能.值得关注的选择器 分类: 元素选择器a{} 伪元素选择器::before{} 类选择器 .link{} 属性选择器[type=radio]{} 伪类选择器 :hover{} ID选择器#id{} 组合选择器 [type=checkbox]+labei{} 否定选择器 :not(.link){} 通用选择器*{} 权重: ID选择器 #id{} +100 类 属性 伪类 +10…

1. HTML常见元素和理解 head类 meta:字符集.base:路径. a[href,target] img[src,alt] table td[colspan,rowspan] form[target,method,enctype] input[type,value] button[type] select>option[value] label[for] 和body类 网页结构查看:http://h5o.github.io(拖拽到书签栏,在目的网页点击打开即起作用) 2.HTML版本…