因?yàn)樵凇洞蚧饳C(jī)與公主裙》里面，飛魚演的李峋是個(gè)程序員，所以想趕在飛魚之前去體會(huì)一下李峋擼代碼的快樂。

于是有了這些東西。

這是效果↓(我的最新版里增加了導(dǎo)航欄和主站LOGO，視頻演示里沒有。)

https://www.bilibili.com/video/BV1LN4y1A7H9/

【這是最終實(shí)現(xiàn)的效果↓】

因?yàn)橹皇切【毩?xí)，未考慮兼容性。

使用瀏覽器：谷歌。

【這是我一開始用PS改的設(shè)計(jì)原型↓】

1、所有圖標(biāo)字體來源于阿里iconfont，可以去下自己喜歡的圖標(biāo)字體替代。也可以直接根據(jù)我的字體代號(hào)去阿里圖標(biāo)字庫(kù)里找對(duì)應(yīng)的原圖標(biāo)，下載下來。

2、我使用了reset.css，去清除瀏覽器的默認(rèn)格式。

reset.css很多地方都有下載，可以直接下載后本地引入。

3、我使用的字體叫做“夏日風(fēng)格字體”，如果你想引用的話，需要去自己找原字體，如果不想引用，把所有的“夏日風(fēng)格字體”換成你系統(tǒng)有的字體即可。

建議用萬能的微軟雅黑。

【以下兩張，是寫頁面時(shí)調(diào)用的雪碧圖】

雪碧圖含義：我們做網(wǎng)站頁面時(shí)，預(yù)加載的網(wǎng)頁美術(shù)、UI相關(guān)。

【雪碧圖1劇照位置】

【雪碧圖2↓演員位置】

以下是源碼

CSS部分

以下是結(jié)構(gòu)部分