好的程序员web前端面试题分享使用线性渐变实现斜杠1.使用线性渐变实现斜杠如下图？答：
利用CSS在单行居中显示文字，在左侧显示多行效果，如图：答：
只有一行时，文字居中显示，多行显示在左侧多行左显示
引入标准的CSS盒模型？和低版本IE的盒子模型有什么区别？答：标准盒模型是基于doctype的正确写法，只能在IE6以上的浏览器中使用。标准盒模型：width=内容宽度（content）+border+padding+margin低版本IE盒模型：width=内容宽度（content+border+padding）+margin4.什么是保证金重叠？重叠的结果是什么？答案：在CSS中，两个相邻框（可能是兄弟或祖先）的边距可以合并为一个边距。这种组合边距的方式称为折叠，因此组合边距称为折叠边距。折叠结果遵循以下计算规则：1)当相邻的两个边距均为正数时，折叠结果取其间较大的值。2）当相邻的两个边距均为负值时，折叠结果为两个绝对值中较大的值。3）当两个边距分别为正负时，折叠结果为两者之和。5、请解释一下CSS3的Flexbox（弹性盒子布局模型）及其适用场景？答：CSS3的页面布局新特性，Flexbox可以将列表按相同方向（从上到下，从左到右）放置，并让列表伸展以占用可用空间。更复杂的布局也可以通过嵌套弹性容器来实现。采用弹性布局的元素称为弹性容器（flexcontainer），简称“容器”。它的所有子元素自动成为容器的成员，称为弹性项目（flexitem），简称“项目”。常规布局基于block和inline流向，而Flex布局基于flex-flow流向，可以方便的在布局中使用，可以适配不同的屏幕尺寸。布局上比以前有更多的灵活空间。
