Ladies and jentlemen,walcome to my coding 小白盜版學校官網日記ㄉ第十天～

這個計畫的內容是我這個coding超新手會在30裡把複刻學校官網當作目標，從最基礎的前端html、css、js...開始邊做邊學，紀錄每天的學習進度，看看一個月過去能學到什麼程度

今天是第十天，所以代表現在賽程已經完成了三分之一
我也太厲害了吧！！掌聲鼓勵鼓勵！！

好ㄉ回歸正題

雖然昨天已經立定目標今天要來學響應式那個 @Media
但看到學校原版官網響應都做得醜得要命就有點不想玩了(牽拖)

你問有多醜？這麼醜

所以今天還是來玩點酷炫的視覺回饋ㄅ＼＼\٩( 'ω' )و //／／

視覺回饋 hover

視覺回饋就是當游標移動到網頁的某個地方，那裡會出現不一樣的顯示效果，讓使用者知道它式可以點的。學校官網用了超多這種效果，正好可以練習很多遍。

這個效果的作法非常簡單，簡單到我都有點不知道要分享什麼了

如果我們今天想讓黑色的 font11 碰到游標的時候變成藍色的，只需要三個動作

1. 複製一份
2. 在 font11後面加上:hover
3. 把 color: #000000 改成 color: #586A88

.font11 p{
    font-size: 1.125rem;
    letter-spacing: 4%;
    color: #000000;
}
.font11 p:hover{
    font-size: 1.125rem;
    letter-spacing: 4%;
    color: #586A88;
}

然後感覺今天的工作量太少，所以順便把作業上傳到 vercel 裝忙一下
之後想到就更新一下進度，歡迎參觀 https://julia-s-ntue.vercel.app/

今天就這樣混混的結束吧，明天見ㄅㄅ～