鐵人檔案
以 CSS、JS 為主 ; HTML、Git 為輔，分為四個部分：
1 HTML 的基本概念
2 CSS 語法說明
3 JS 運用
4 Git 如何下指令，並分享和團隊合作中遇到的困難
第一篇先來說說，為什麼我會寫前端開發的學習歷程吧～ 在大學的時候，曾經修過入門的 HTML 和 CSS 課程，在學習的過程中，我發現自己喜歡透過畫面來解讀自己學...
當我們要開發一個新專案時，可以利用終端機，並輸入指令來建立我們的專案。這邊以 MAC 電腦來做說明，我們在 Mac OS 開啟終端機的方式，只要直接在電腦搜尋...
Hypertext Markup Language，簡稱 HTML，它是用於建立網頁結構的語言。 以下是 HTML 的基礎內容： 1 HTML 是以一組標籤（t...
昨天講到基礎的HTML用法，那今天就是要來介紹，和元素經常搭配的屬性囉～～ 1 超連結：<a> href 屬性，可以轉跳到指定的目標網址 &...
CSS 是用來處理網頁的排版和樣式 基本語法：屬性名稱：屬性內容 1 以文字為例，就有以下常用的屬性font-family：字體樣式。可以設定一個或多個字體樣式...
昨天還沒仔細說明，如何使用選擇器，所以今天就來介紹一下吧 1 通用選擇器 : 以米鍵*開頭，用來選擇所有元素 * 選擇器的用法 * { backg...
大家好，我是一名菜鳥工程師，Chris今天來到鐵人賽的第七天，CSS 的佈局教學 - Flexbox 彈性盒子 Flexbox(彈性盒子) : 由於每位使用者會...
大家好，我是一名菜鳥工程師，Chris，今天來到第八天，CSS 的佈局教學 - Grid 網格狀排列 Grid (網格狀排列): 是一種強大的佈局系統，用來建立...
大家好，我是一名菜鳥工程師，Chris，今天來到第 9 天，RWD 響應式網頁想了想覺得一天一主題比較好，所以動畫效果就改到明天一起說吧 RWD (響應式網頁)...
大家好，我是一名菜鳥工程師，Chris，今天來到第 10 天， CSS 元素變形、轉場效果以及動畫效果 1 CSS 元素變形 : 使用transform屬性可以...
