示例代碼中的幾個(gè)小問(wèn)題
任務(wù)四、設(shè)置3D舞臺(tái)布景過(guò)渡效果，這個(gè)任務(wù)的代碼是不是一直沒(méi)有觸發(fā)過(guò)，所以不寫(xiě)也沒(méi)事吧？
.nav-menu｛display: block;｝ 這是ul的類名，ul本來(lái)就是塊元素，這里寫(xiě)這個(gè)是什么作用呢？
.nav-menu > li {display: inline;float:left;｝ li是塊元素，這里設(shè)成內(nèi)聯(lián)元素的作用是什么？因?yàn)榻酉聛?lái)就設(shè)置了float：left，所以感覺(jué)前面這句沒(méi)用?。?/p>
.three-d:not(.active):hover {cursor: pointer;} ?這句代碼也是無(wú)用的吧？a元素不本來(lái)就是手指樣式嗎？難道是為了更改老系統(tǒng)的樣式？
.front, .back{pointer-events: none;｝ 這里為什么也要取消成為鼠標(biāo)事件的target，作用是什么？不寫(xiě)的話會(huì)怎么樣？
box-sizing: border-box;是什么意思？
.nav-menu ul{left: -40px;} ?為什么要讓下拉列表往左移動(dòng)40px？
示例代碼課程告訴了，案例在線演示地址：http://codepen.io/airen/pen/icFba
2018-06-10
第六個(gè)問(wèn)題已解決：box-sizing: border-box;作用是，一般來(lái)說(shuō)設(shè)置寬高以后，再設(shè)置padding和boder時(shí)content大小不變，會(huì)往外擴(kuò)，這樣就可能會(huì)擠到周圍的元素，加上這句代碼以后，寬高設(shè)置好就不變了，padding和border會(huì)往里設(shè)置，對(duì)應(yīng)的content區(qū)域會(huì)減小。
2018-06-10
第七個(gè)問(wèn)題已解決：原因是ul標(biāo)簽?zāi)J(rèn)左邊有40px的值。
在FireFox中是padding值(即：padding-left:40px),而在IE中是margin值（即：margin-left:40px）,所以先定義 *{margin:0;padding:0;}就能解決大部分問(wèn)題，但據(jù)說(shuō)比較占資源。
一般都在總樣式規(guī)定一下：body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0;}