技術 【Day10】前端撰寫（7）CSS框架

在前幾日中，我們總共講解了六篇CSS的基本屬性，內容之多，但都僅是蜻蜓點水的帶過而已，可見CSS的上限非常之高，學習它必然是一段漫長之路。 以前在設計網頁時，我...

技術 第十二天-FontAwesome申請教學

除了normailze之外，這邊另外推薦一個css的 函式庫 FontAwesome在這裡你可以找到各式各樣的小圖示，增加我們HTML的美觀，雖然有些需要付費，...

技術 Day29 - 更多 (Font Awesome)

Font Awesome 大家應該會注意到網頁中的可愛又精緻的 icon 了嗎，fcc也有透過外部引入的方式使用這個小設計，提供這些icon資源的網站很多，...

技術 [DAY25]番外篇-使用Font Awesome來加入個性化圖示

當我們網站要放入一些造型設計圖示，但沒有設計師幫我們畫這些精緻的icon，就可以考慮使用Font Awesome。相較引入傳統的圖片，使用Font Awesom...

技術 React 學習筆記_23(在React中使用Icons)

簡介 Font Awesome 是一個基於CSS和LESS的字體和圖標工具套件，常常能夠在HTML中加入一些圖標，但是在React中是使用JSX來撰寫HTML的...

技術 旅館預約服務練習紀錄-訂房成功與失敗頁面

這次練習是訂房成功與失敗的頁面，兩者寫法幾乎相同，只是有地方更換了而已。寫完好想出國啊!! 訂房成功頁面 要呈現的畫面如下： HTML 架構相當簡單，img...

技術 鐵人賽 Day28 側邊選單切版練習

這次來練習一個側邊選單切版，參考影片是 Amos 老師的鐵人賽https://www.youtube.com/watch?v=yB3_LtwBiaE 首先先把...

技術 鐵人賽Day3-寫一個 Search 搜尋列吧！

這次來練習寫一個 Search Bar，要寫的樣式如下我習慣在最外層寫一個 .wrap，在繼續將裡面要完成的 HTML 先寫完所以程式碼會如下， <div...