鐵人檔案
tags: 鐵人賽 Day1 此系列文章是自己對前端領域消化理解後輸出的筆記內容，期許自己養成輸入資訊之外也要養成輸出的習慣才算是真正的學習。 說明什麼是前端之...
Day2 瀏覽器跟伺服器之間的翻譯官（DNS) 當你打開瀏覽器輸入 google.com 連接到 google的網站，這背後發生了什麼事？ 由瀏覽器發送的請求會...
鐵人賽 Day 3 什麼是HTML？ HTML(超文本標記語言)是網頁的基礎用來告訴瀏覽器該如何呈現網頁，像是圖片、影音還有文章、表格。他由一系列元素(elem...
鐵人賽 Day 4 CSS是什麼？ 階層式樣式表 (Cascading Style Sheets) HTML負責基本的排版結構，CSS則是進一步美化修飾網頁版面...
什麼是 box model(盒模型)？ 在網頁上面有很多文字、圖片等資料要編排在網頁上時，要如何排版就是依靠box model ，每個 CSS 都由盒模型包覆內...
鐵人賽 Day 6 CSS Position 在 CSS 眾多屬性裡面相當重要的一個，一般來說在網頁上的資料都是順著資料流排列，而有了 position 屬性可...
鐵人賽 Day 7 補充最後一個 position 屬性的值 Sitcky Sticky 具有 fixed 跟 relative 的兩種特性，預設會像 rel...
鐵人賽 Day 8 media query(媒體查詢) media query 簡單來說就是因應各種裝置如手機、平板、影印機、桌機螢幕等設定不同的網頁樣式。 語...
鐵人賽 Day 9 JavaScriptˋ What is JavaScript?是一種程式語言，可以在瀏覽器環境運行並且提供除了靜態網頁內容以外的互動功能，如...
鐵人賽 Day 10 (函式與變數） function (函式) 定義函式的方法 函式宣告 例: function calculator (){ do som...
