CSS面试题目及答案

222 阅读2分钟

这是一篇又臭又长的文章

看内容直接翻至文末点大图,链接详情点下方文字部分

内容多一两次也记不住,收藏下来慢慢消化吧

要是链接的作者不愿意我放链接的话私信我,小菜鸟还不太懂

强烈欢迎大家交流补充

emmm.....我去吃虾皇饺了

  • 盒模型,box-sizing

www.runoob.com/css/css-box…

  • CSS3新特性,伪类,伪元素,锚伪类

伪类: www.runoob.com/css/css-pse… 伪元素: www.runoob.com/css/css-pse…

  • CSS实现隐藏页面的方式

blog.csdn.net/qq_40950549… www.cnblogs.com/cythia/p/59…

  • 如何实现水平居中和垂直居中。

www.cnblogs.com/yugege/p/52… www.cnblogs.com/cme-kai/p/6…

  • 说说position,display

www.runoob.com/css/css-pos… www.runoob.com/css/css-dis…

  • 请解释*{box-sizing:border-box;}的作用,并说明使用它的好处

www.w3school.com.cn/cssref/pr_b… www.cnblogs.com/tu-0718/p/7… blog.csdn.net/y491887095/…

www.cnblogs.com/loveyaxin/p… www.cnblogs.com/omiwa/artic…

  • 解释一下css3的flexbox,以及适用场景

www.runoob.com/css3/css3-f… www.ruanyifeng.com/blog/2015/0… www.ruanyifeng.com/blog/2015/0…

  • inline和inline-block的区别

www.cnblogs.com/ytshang/p/8…

blog.csdn.net/weixin_4012… blog.csdn.net/crystal6918…

  • 流式布局如何实现,响应式布局如何实现

  • 移动端布局方案

  • 实现三栏布局(圣杯布局,双飞翼布局,flex布局)7种

blog.csdn.net/ganyingxie1… kmknkk.xin/2018/03/02/… Flex: www.runoob.com/cssref/css3… kmknkk.xin/2018/03/02/… blog.csdn.net/crystal6918… blog.csdn.net/wangchengii… 双飞翼: www.cnblogs.com/liu-l/p/388…

  • 清除浮动的原理

blog.csdn.net/wangjiaohom…

www.cnblogs.com/mmzuo-798/p…

  • CSS 3 如何实现旋转图片(transform: rotate)

www.runoob.com/css3/css3-2…

  • sass less www.jianshu.com/p/bf641d9d9…

  • 对移动端开发了解多少?(响应式设计、Zepto;@media、viewport、JavaScript 正则表达式判断平台。)

  • 什么是bfc,如何创建bfc?解决什么问题?

www.jianshu.com/p/fc721c531…

  • CSS中的长度单位(px,pt,rem,em,ex,vw,vh,vh,vmin,vmax)

www.runoob.com/cssref/css-…

  • CSS 选择器的优先级是怎样的?

www.cnblogs.com/czy960731/p… www.cnblogs.com/wangfupeng1…

www.w3school.com.cn/css/css_mar… www.w3help.org/zh-cn/kb/00…

  • 解释一下“::before”和“:after”中的双冒号和单冒号的区别

www.mamicode.com/info-detail…

-margin负值的应用

www.cnblogs.com/fbzs/p/6373… www.cnblogs.com/mengfangui/…