前話

Hello，小伙伴們大家新年好，本篇是今年第一篇，也籌劃許久，本篇主題為美食，系html5網(wǎng)站模板，div加css布局，網(wǎng)頁資源分開存儲(chǔ)以便管理，網(wǎng)頁結(jié)構(gòu)清晰簡(jiǎn)單，希望本篇能夠助力各位萌新

主題

《周末の食記》

美食能撫平一切的憂傷

簡(jiǎn)介

文件結(jié)構(gòu)包含了css、fonts、images、js和html，運(yùn)用html5技術(shù)，包括nav標(biāo)簽、header標(biāo)簽和footer標(biāo)簽等，采用bootstrap進(jìn)行布局

圖摘

目錄

編碼

<div class="ftco-46-row d-flex flex-column flex-lg-row"> <div class="ftco-46-text ftco-46-arrow-right"> <h4 class="ftco-46-subheading">Food</h4> <h3 class="ftco-46-heading">揚(yáng)州炒飯</h3> <p class="mb-5">一碗不一樣的炒飯，讓你難以拒絕.</p> <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p> </div> <div class="ftco-46-image" style="background-image: url(images/img_3.jpg);"></div> <div class="ftco-46-text ftco-46-arrow-up"> <h4 class="ftco-46-subheading">Food</h4> <h3 class="ftco-46-heading">藍(lán)莓酸奶冰激凌</h3> <p class="mb-5">觸動(dòng)您的心靈，令人甜蜜至極，難以忘懷，心曠神怡的味覺享受，精選一級(jí)的夏威夷果仁，入口絲滑</p> <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p> </div></div>

結(jié)語

如果人的一生總的能量是固定的話，那就節(jié)省開支，延長(zhǎng)時(shí)間，喜怒哀樂不溢于言表，不困于心智，保持樂觀心態(tài)