JDX-01練習說明:網站設計整合

JDX-01練習-網站設計整合

(一)#top:web font應用

(A)html結構

(B)CSS美化

(C) Icon font 應用

Note:Web Font使用

A. Google字體:英https://fonts.google.com/ 中:https://fonts.google.com/earlyaccess

B.圖示字體

1 Flaticonhttp://www.flaticon.com/

2 Awesome:

(1) 網址:http://fontawesome.io/

(2) Awesome CDN:https://fontawesomecdn.com/

(D)【:before】與【:after】應用

練習1:利用Flaticon Icon圖示來結合

 

 

練習2:before應用

說明:transition 過渡概念