鐵人檔案
嗨大家好，我是一隻想轉職成前端的海獺。
參加鐵人賽的主要目的是，希望在寫文章的同時能把那些不懂的地方搞懂。
內容主要圍繞在 HTML, CSS, JavaScript 中，可能以 CSS 跟 JavaScript 為主。這個主題寫到最後會變怎樣我也不知道 XD
就讓文章們自由發揮吧 O_< (?!
前言 嗨各位好，我是一隻想轉職成前端的菜雞海獺，目前還在轉職的路上，所以每天努力的啄米（還是要敲貝殼XD?）中。這系列文章會以我的理解，搭配上估狗大神、Chat...
HTML 網頁的結構 簡單了解了 HTML 中的元素與屬性後，接著來了解網頁的結構與組成吧O_<以下是一個簡單的 HTML 範例與對應的說明。 <!...
在談常用元素前，先來談談幾個重要的東西： 語意化元素（Semantic Elements） 看到 <input>，你會知道這是用來輸入的元素；看到...
常用的 HTML 元素 提醒 W3C 建議所有 HTML 標籤名稱都是小寫。 在沒有引入 CSS 樣式前，各元素已具有瀏覽器預設樣式（User Agent S...
前言 製作專案或練習時，部署到網路上後一看，咦！阿怎麼連結全部死掉、畫面或圖片全部出不來，完蛋惹、怎麼會這樣咧？ 其實是因為路報錯惹！ 錯用了相對路徑，所以瀏覽...
簡介 了解了網頁的基本構造與常用元素後，是不是覺得畫面似乎不只這樣、為什麼我的畫面這麼簡單，是不是少了點什麼？ CSS 颯爽登場！ 起初，網頁的樣式沒有任何規範...
選擇器（selector） 選擇器顧名思義，選取要套用 CSS 的對象。在 CSS 的世界中有著許多選擇器，用得好的話，可以大幅增加工作效率！ 類型（type）...
偽類（pseudo-class） 偽類也是一種選擇器，作用是選擇指定元素的特定狀態。一些偽類通常可以增加使用者體驗（User Experience，UX），例如...
偽元素（pseudo-elements） 假的！你眼睛業障重 R ！圖源：PTT 鄉民百科（https://pttpedia.fandom.com/zh/wik...
layout 佈局（layout）指的是如何排列與定位網頁內的元素，使其呈現出開發者希望的結構與外觀。 若不特別設定 layout 的話，把 HTML 檔案交給...
