首先先從簡單的概念開始,一般我們提到網頁程式設計,由三個主要要素組成,分別為HTML、CSS、JavaScript,分別說明如下:
HTML:以元件為單位,建...
在結束CSS之前,想針對CSS的學習心得做點分享,CSS學習的難點,我覺得不在於屬性參數的語法,因為以目前的學習資源(ChatGPT、W3schools),要快...
宣告與賦值語句
let x = 10; // 宣告變數
const y = 20; // 常數
var z = 30; // 舊版寫法(不建議)...
flex這個屬性用在網頁排版,透過display:flex來使用,以下效果都需要display:flex才能運作原本的div分布給body加上display:f...
grid,網格,將物件給拆成一個一個格子,與flex都是很好用的排版工具透過給容器display:grid來使用,除了grid也有inline-grid,兩者分...
今天是鐵人賽 Day9,目標是設計網站首頁的雛形,加入 Header、Main 區塊與 Footer,讓專案不再只有測試用的「Hello Tailwind!」,...