做切圖工作一個(gè)多星期。總結(jié)了幾個(gè)要領(lǐng)：

先觀察整個(gè)頁(yè)面的布局，找出公共的樣式。寫成單獨(dú)的類名。在HTML中調(diào)用即可。這樣可以提高切圖效率，節(jié)約開發(fā)時(shí)間。

把頁(yè)面看成一個(gè)個(gè)橫向的結(jié)構(gòu)，用浮動(dòng)（別忘了清浮動(dòng)）去布局，多用百分比為元素單位。用內(nèi)邊距和外邊距去達(dá)到最后想要的效果。

在使用overflow:hidden;的時(shí)候。會(huì)遇到子元素定位超出可視范圍造成overflow:hidden;無(wú)效的情況。這時(shí)候在最外面的容器上加相對(duì)定位（position: relative;）就可以解決。

有時(shí)候網(wǎng)頁(yè)由于元素的padding或者margin而產(chǎn)生超出橫向可視區(qū)域的情況。如果不是很多。就在body加上overflow:hidden;就可以解決；

元素居中的方法一般用兩個(gè)，一個(gè)是：margin: 0 auto;一般用于有寬度的塊級(jí)元素。還有一個(gè)是：text-align: center;用于元素里的文字。

點(diǎn)擊出現(xiàn)和隱藏菜單用JQ里的show()和 hide()方法來(lái)實(shí)現(xiàn)。代碼很簡(jiǎn)短。

一些點(diǎn)擊效果用一個(gè)新的類名實(shí)現(xiàn)。JQ控制刪除添加類名。新類名的樣式結(jié)尾要加上!important來(lái)提高優(yōu)先級(jí)別。
對(duì)于前端現(xiàn)在很多的開發(fā)都是運(yùn)用各種框架和插件庫(kù)。在高速開發(fā)的需要之下。這個(gè)方法是最合適的。當(dāng)然也不能忘記基礎(chǔ)的東西。JavaScript作為前端的核心技術(shù)，不能忽視。如果一個(gè)項(xiàng)目比喻成一桌子的菜。那么JavaScript就是各種原材料。框架就是打包好的成品菜。有一天成品菜需要更換了。還是要用到JavaScript。與其說那些框架（Angular、React、Vue）是一項(xiàng)技術(shù)不如說是一個(gè)指標(biāo),包括CSS在內(nèi)。在空閑的時(shí)間里必須要不斷的去學(xué)習(xí)。方向也很重要。掌握原生的技術(shù)才能走得長(zhǎng)遠(yuǎn)。

以上就是關(guān)于網(wǎng)站前端制作之基礎(chǔ)切圖的總結(jié)經(jīng)驗(yàn)(網(wǎng)站前端設(shè)計(jì)與制作)，希望對(duì)你有幫助，更多內(nèi)容關(guān)注創(chuàng)新互聯(lián)。

網(wǎng)站題目：網(wǎng)站前端制作之基礎(chǔ)切圖的總結(jié)經(jīng)驗(yàn)(網(wǎng)站前端設(shè)計(jì)與制作)
當(dāng)前路徑：http://aaarwkj.com/news20/316070.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)站收錄、定制開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)