iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

從零開始前端學習(HTML、CSS、JavaScript) 系列

主要學習順序以HTML > CSS > JavaScript此順序為主
歡迎大家一起學習,若筆記內有不懂的地方可以留言一起進步
筆記若有錯誤或有更好的表達方式也麻煩指正,謝謝。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 HTML5 <HTML5 多媒體標籤>

多媒體標籤可以很方便的在頁面中嵌入音頻和視頻,而不用去使用flash和其他瀏覽器的插件,多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 &lt;video&...

2021-10-01 ‧ 由 a0265392_lin 分享
DAY 22

Day 22 HTML5 <HTML5 input類型、表單標籤>

HTML5新增的input類型: &lt;!-- 需添加form表單域 --&gt; &lt;form action=&quot;&quot;&gt;...

2021-10-02 ‧ 由 a0265392_lin 分享
DAY 23

Day 23 CSS3 < 目標選擇器>

CSS3新增的目標選擇器類型: 1.屬性選擇器 屬性選擇器可以根據元素特定屬性來選擇元素,這樣就可以不用藉助於類或者ID選擇器 MDN Web Docs 屬性選...

2021-10-03 ‧ 由 a0265392_lin 分享
DAY 24

Day 24 CSS3 < 過渡 transition>

過渡 (transition) 是可以在不使用Flash動畫或JavaScript的情況下,當元素從一種樣式變換成另一種樣式時為元素添加效果,經常和 :hove...

2021-10-04 ‧ 由 a0265392_lin 分享
DAY 25

Day 25 CSS3 < 2D轉換 transform>

轉換 (transform)實現元素的位移、旋轉、縮放等效果,可以簡單理解為變形。 移動 translate 旋轉 rotate 縮放 scale 1.2D...

2021-10-05 ‧ 由 a0265392_lin 分享
DAY 26

Day 26 CSS3 < 3D轉換 transform>

3D轉換跟2D轉換不同的是使用三維坐標系(多了Z軸座標) 1.三維坐標系是由三個軸共同組成的 X軸 : 水平向右 注意: X軸右邊是正值 左邊是負值 Y軸 :...

2021-10-06 ‧ 由 a0265392_lin 分享
DAY 27

Day 27 CSS3 < 動畫 animation>

動畫 (animation) 可通過設置多個節點來精確控制一個或一組動畫,常用來實現複雜的動畫效果。 相比較過渡,動畫可以實現更多變化、更多控制,連續自動播放等...

2021-10-07 ‧ 由 a0265392_lin 分享
DAY 28

Day 28 JavaScript < 簡單介紹>

1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯,運行過程中由JS引擎逐行來...

2021-10-08 ‧ 由 a0265392_lin 分享
DAY 29

Day 29 JavaScript < 書寫方式>

JavaScript書寫方式與CSS相似,分為行內書寫,內嵌書寫以及外部書寫 1.行內書寫 &lt;input type=&quot;button&quot;...

2021-10-09 ‧ 由 a0265392_lin 分享
DAY 30

Day 30 JavaScript < 簡易數據類型介紹 & End>

1. 數據類型簡介 1-1 為什麼需要數據類型 在電腦中,不同的數據所需佔用的空間是不同的,為了方便把數據分成所需內存大小不同的數據,充分利用儲存空間,於是定...

2021-10-10 ‧ 由 a0265392_lin 分享