CSS常见面试题

html-css026

CSS常见面试题,第1张

1.position:absolute+transform:translate(-50%,-50%)

2.position:absolute+margin-top:-100px+margin-left:-100px(需要直到div的宽高)

3.flex

4.绝对定位的top,left,bottom,right都设置为0,然后通过margin:auto实现水平垂直居中

5.display:table-cellvertical-align:middletext-align:center

6.calc函数计算实现

1. DOM结构 :元素不会渲染

2. 事件监听 :不能监听DOM事件

3. 继承 :子元素不会继承

4. 性能 :改变此属性会重排,性能较差

1. DOM结构 :元素会渲染

2. 事件监听 :能监听DOM事件

3. 继承 :子元素会继承,可以通过visibility:visible来取消继承

4. 性能 :改变此属性会重绘,性能较好

1. DOM结构 :元素会渲染

2. 事件监听 :能监听DOM事件

3. 继承 :子元素会继承,而且不能通过opcity:1来取消隐藏

4. 性能 :改变此属性会重绘,性能较好

window.divicePixelRatio=2(默认)

意思是:我们css中1px相当于实际移动端设备2px

1.border-width:0.5px

2.box-shadow内阴影模拟边框,

box-shadow:inset 0px -1px 1px 1px red

3.通过viewport设置rem的基准值,就可以直接写rem了,较好的解决方案

4.伪类+transform

通过:after或:before设置border,结合定位

两侧宽度固定,中间宽度自适应

所以我们要尽量少使用以上属性和方法

有尿儿就啥也不怕,知道不

即使大家告诉你再多实际情况,即使你再背再总结也没有什么用,到岗位上也费尽。

问题也好,经验也罢,都这不是固定的。唯一固定的也不过就是作品展示和实际操作,很多时候后者重于前者。后者也相当麻烦,就我个人经历,一次面试从到公司开始,从设计到编码结束花费了几个小时,并且屏幕有监控,你开个音乐休闲一下都不行,一直到人家员工都吃饭去了我还弄呢,要求设计一个web2.0风格的网站,并编码出来。

一次是给我打开一个网站,让我只对它代码部分进行符合web标准重构。

一次是技术总监坐你旁边,他让你写什么代码就写什么代码,AI画什么效果就什么效果

……

如果真要说到时候会问什么,我觉得你第一点就应该把这种div+css的概念扔掉,div不过是标签罢了,属于html,而css是它的设计师,非要简单的说,不如说xhtml+css,这样更正确,不只是div可以用来布局。

其余的都是些:你对CSS框架了解不啊,都有什么框架啊,使用过没有啊;WEB标准了解不啊,谈谈你的理解啊;语义化,合理嵌套,SEO优化等等,就那些呗,关于楼上提到的兼容问题也是会问的,但不会详细到问你说IE6和FF中盒模型的差异之类的,一般都是问你兼容方面拿手吗,能做到哪些浏览器兼容。

其次有些人对你使用什么编辑器也有问的,不管花样如何,他们想知道的就是一点,你能不能完全的手写代码,这是能力的一种体现。

问题还有好多,但问题再多,无非是在考验你是不是公司需要的那个人,个人能力的问题。

不用担心太多,就像开头说的,有尿儿,就啥也不怕