這次來練習寫一個 Search Bar,要寫的樣式如下我習慣在最外層寫一個 .wrap,在繼續將裡面要完成的 HTML 先寫完所以程式碼會如下, <div...
當我們網站要放入一些造型設計圖示,但沒有設計師幫我們畫這些精緻的icon,就可以考慮使用Font Awesome。相較引入傳統的圖片,使用Font Awesom...
簡介 Font Awesome 是一個基於CSS和LESS的字體和圖標工具套件,常常能夠在HTML中加入一些圖標,但是在React中是使用JSX來撰寫HTML的...
這次來練習一個側邊選單切版,參考影片是 Amos 老師的鐵人賽https://www.youtube.com/watch?v=yB3_LtwBiaE 首先先把...
這次練習是訂房成功與失敗的頁面,兩者寫法幾乎相同,只是有地方更換了而已。寫完好想出國啊!! 訂房成功頁面 要呈現的畫面如下: HTML 架構相當簡單,img...
在前幾日中,我們總共講解了六篇CSS的基本屬性,內容之多,但都僅是蜻蜓點水的帶過而已,可見CSS的上限非常之高,學習它必然是一段漫長之路。 以前在設計網頁時,我...
Font Awesome 大家應該會注意到網頁中的可愛又精緻的 icon 了嗎,fcc也有透過外部引入的方式使用這個小設計,提供這些icon資源的網站很多,...
除了normailze之外,這邊另外推薦一個css的 函式庫 FontAwesome在這裡你可以找到各式各樣的小圖示,增加我們HTML的美觀,雖然有些需要付費,...