2019web前端全新面试题库一

1、用线性渐变实现如下图的斜线？

答案：<div></div>

<style>

div{margin:50px auto; width:100px;height:100px;border:1px solid #333;

background:linear-gradient(45deg, transparent 49.5%, deeppink 49.5%, deeppink 50.5%, transparent 50.5%);

}

</style>

2、用CSS实现单行居中显示文字，多行居左显示效果，如图：

答案:<div><p>只有一行时居中显示文字，多行居左显示多行居左显示</p></div>

<style>

body,p{ margin: 0; padding: 0;}

div{text-align: center;width: 400px;height: 400px; background: #ddd; margin: 30px auto; font-size: 20px;}

p{display: inline-block;text-align: left;}

</style>

3、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？

答案：标准的盒模型是基于 doctype 正确书写的情况下，并且是高于 IE6 的浏览器才会有的。

标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin

低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin

4、什么是外边距重叠？重叠的结果是什么？

答案：在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。

折叠结果遵循下列计算规则：

1）两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。

2）两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。

3）两个外边距一正一负时，折叠结果是两者的相加的和。

5、请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？

答案：一个用于页面布局的全新CSS3功能，Flexbox可以把列表放在同一个方向（从上到下排列，从左到右），并让列表能延伸到占用可用的空间。

较为复杂的布局还可以通过嵌套一个伸缩容器（flex container）来实现。采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。常规布局是基于块和内联流方向，而Flex布局是基于flex-flow流可以很方便的用来做局中，能对不同屏幕大小自适应。在布局上有了比以前更加灵活的空间。

2019web前端全新面试题库一相关推荐

2014年最新前端开发面试题（面霸题库）
原文地址为: 2014年最新前端开发面试题(面霸题库) 欢迎加入Javascript前端技术,群号为:85088298 本人博客已经迁移至jruif.github.io The last time ...
阿里内部全新整理，Java面试题库+全栈笔记限时开源
说到面试跳槽,大家从当初入行开始就一直摆脱不开它(咱们就是通过不断跳槽才能更快地提升自己).在我们的技术生涯中会有很多大大小小的面试,对我们程序员来说每一次面试都是一次提升的机会,不管是简历修改,还是 ...
前端常见面试题及答案
文章转自http://www.cnblogs.com/syfwhu/p/4434132.html 前言本文是在GitHub上看到一个大牛总结的前端常见面试题,很多问题问的都很好,很经典.很有代表性. ...
【面试题】2023前端vue面试题及答案
Vue3.0 为什么要用 proxy? 在 Vue2 中, 0bject.defineProperty 会改变原始数据,而 Proxy 是创建对象的虚拟表示,并提供 set .get 和 delete ...
前端开发面试题（转载）
原文地址前端开发面试题前言本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误 ...
前端面试笔试题总结【持续更新~】
前端面试笔试题总结 1.说说你对react的理解?有哪些特性? 2.说说Real diff算法是怎么运作的 3.说说React生命周期有哪些不同的阶段?每个阶段对应的方法是? 4.说说你对React中 ...
前端开发面试题总结之——JAVASCRIPT（一）
___________________________________________________________________________________ 相关知识点数据类型.运算.对象 ...
常见的前端vue面试题
常见的前端vue面试题 1.请讲述下VUE的MVVM的理解? MVVM 是 Model-View-ViewModel的缩写,即将数据模型与数据表现层通过数据驱动进行分离,从而只需要关系数据模型的开发, ...
2014年最新前端开发面试题
2014年最新前端开发面试题(题目列表+答案完整版) 转载自https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Qu ...

2019web前端全新面试题库一

2019web前端全新面试题库一相关推荐

最新文章

热门文章

2019web前端全新面试题库 一

2019web前端全新面试题库 一相关推荐

最新文章

热门文章

2019web前端全新面试题库一

2019web前端全新面试题库一相关推荐