在前幾天的練習中,我們學會了變數、條件、迴圈與函式,讓程式能執行邏輯。但如果想要讓網頁對使用者的動作有反應,就需要用到「事件(Event)」!
事件是使用者在網...
快捷符文生成器:css-gum 的 Snippet 模組
在 「手工刻印的快捷符文」 中,我們知道了編輯器有個很好用的功能: Snippet,輸入指定的語法可以...
學習目標
理解 float 的用途與限制
學會使用 clear 避免元素被浮動影響
練習用浮動製作簡單的圖文排版
知道浮動在現代已漸被 flexbox 取代,...
position這個屬性能讓物件進行定位,來用這兩個div展現
<div style="background-color: aqua;p...
今天我們要升級前一堂課的作品!你將學會如何讓使用者可以:
勾選任務完成狀態(✔️)
切換「亮色 / 暗黑模式」🌙
保存這些設定在 localStorage,重...
Effect Type vs Data Type
Effect Type:一個「尚未執行的工作描述」。它可能需要外部環境才能跑,實際執行時要嘛成功回傳結果、要...