已采納回答 / 伊貓
.toolbar-item,.toolbar-layer{? background-image:url(../img/toolbar.png);? background-repeat:no-repeat;}它給每一個(gè)a標(biāo)簽都用了一個(gè).toolbar-item類,也就意味著每一個(gè)a都有一個(gè)背景圖片路徑。而把所有的圖片都集中在一張圖片上,且控制a的寬高顯示部分圖片,以及通過(guò)在這張圖片上定位(background-position:定位圖片上的位置,而不是圖片在body里的位置),就可以實(shí)現(xiàn)一張圖片顯示多個(gè)a上...
2018-04-18
老師講的太好了! 滿滿的干貨!看似功能很簡(jiǎn)單但是卻很好帶我入門了Sass和RequireJS,并且循序漸進(jìn)一步步帶入高級(jí)寫法,收獲很多!具體代碼和筆記還有圖片資源等都在https://github.com/viivLgr/components/tree/master/Toolbar,歡迎交流。
2018-03-19
已采納回答 / Aquas
你這個(gè)問(wèn)題問(wèn)的就有漏洞,transition是個(gè)過(guò)渡屬性難道不手寫,靠意念打出?你是想問(wèn)為什么老師還寫css hark來(lái)實(shí)現(xiàn)兼容吧。一方面 我猜是教學(xué)需要,另一方面,沒聽說(shuō)過(guò)sass直接解決兼容性問(wèn)題(sass官網(wǎng)上沒說(shuō)吧),一般實(shí)際中都是利用postcss中的autoprefixer插件來(lái)實(shí)現(xiàn)自動(dòng)添加瀏覽器前綴的。
2018-03-05