1肛根、用線性漸變實(shí)現(xiàn)如下圖的斜線？
答案：<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實(shí)現(xiàn)單行居中顯示文字，多行居左顯示效果，如圖：
答案:<div><p>只有一行時(shí)居中顯示文字谎亩，多行居左顯示多行居左顯示</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、介紹一下標(biāo)準(zhǔn)的CSS的盒子模型宇姚？與低版本IE的盒子模型有什么不同的匈庭？
答案：標(biāo)準(zhǔn)的盒模型是基于 doctype 正確書(shū)寫的情況下，并且是高于 IE6 的瀏覽器才會(huì)有的空凸。
標(biāo)準(zhǔn)盒子模型：寬度=內(nèi)容的寬度（content）+ border + padding + margin
低版本IE盒子模型：寬度=內(nèi)容寬度（content+border+padding）+ margin
4嚎花、什么是外邊距重疊？重疊的結(jié)果是什么呀洲？
答案：在CSS當(dāng)中紊选，相鄰的兩個(gè)盒子（可能是兄弟關(guān)系也可能是祖先關(guān)系）的外邊距可以結(jié)合成一個(gè)單獨(dú)的外邊距。這種合并外邊距的方式被稱為折疊道逗，并且因而所結(jié)合成的外邊距稱為折疊外邊距兵罢。
折疊結(jié)果遵循下列計(jì)算規(guī)則：
1）兩個(gè)相鄰的外邊距都是正數(shù)時(shí)，折疊結(jié)果是它們兩者之間較大的值滓窍。
2）兩個(gè)相鄰的外邊距都是負(fù)數(shù)時(shí)卖词，折疊結(jié)果是兩者絕對(duì)值的較大值。
3）兩個(gè)外邊距一正一負(fù)時(shí)吏夯，折疊結(jié)果是兩者的相加的和此蜈。
5、請(qǐng)解釋一下CSS3的Flexbox（彈性盒布局模型）,以及適用場(chǎng)景噪生？
答案：一個(gè)用于頁(yè)面布局的全新CSS3功能裆赵，F(xiàn)lexbox可以把列表放在同一個(gè)方向（從上到下排列，從左到右）跺嗽，并讓列表能延伸到占用可用的空間战授。
較為復(fù)雜的布局還可以通過(guò)嵌套一個(gè)伸縮容器（flex ?container）來(lái)實(shí)現(xiàn)。采用Flex布局的元素桨嫁，稱為Flex容器（flex ?container）植兰，簡(jiǎn)稱"容器"。它的所有子元素自動(dòng)成為容器成員璃吧，稱為Flex項(xiàng)目（flex ?item）楣导，簡(jiǎn)稱"項(xiàng)目"。常規(guī)布局是基于塊和內(nèi)聯(lián)流方向畜挨，而Flex布局是基于flex-flow流可以很方便的用來(lái)做局中筒繁，能對(duì)不同屏幕大小自適應(yīng)彬坏。在布局上有了比以前更加靈活的空間。
