第三次上課心得

這次上課主要是講陣列(全域變數，區域變數)、CSS(id,padding,box shadow)，
可以將上一次寫的類相簿功能寫得更好。

╠═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╣

1. 陣列
陣列是一組相同型態的連續變數，它們使用同一個變數名稱，就像一個只有一個column的matrix。所以我們可以放很多東西在陣列裡面。而陣列是從0開始，所以跟一般從1開始不一樣。

2. 全域變數
每個變數都有自己的生命周期，有些是由程式開始到結束都存在著，有些只會在函式執行的時候生存。所以當我們想在整個程式使用某一個變數，就要把那個變數宣告為全域變數。
3. 區域變數
它只能在特定的地方或函數使用，函數結束後就會被釋放，其他函數並不能使用。
4. CSS
CSS是用來決定網頁的顏色、字型、排版等顯示特性。它可以自己獨立成一個檔案。有需要的話再把它連結到網頁裡面。

• id
如果我們只想改變特定的區域，而不是改變所有區域，便可使用id來選擇特定的區域，這樣便不會影響其他區塊的顯示。
• padding
  
  padding是內邊距，是物件跟邊界的距離，修改內邊距就可以讓版面變得更好看。
• box-shadow
  

  box-shadow可以在框內添加陰影，可以凸顯特定區域的內容。

以上的元素都可以使用"px"，"%" 去調整它的大小。

╠═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╣

最後是一個加強版的類相簿功能： https://jsfiddle.net/Lzw6r5a9/21/
用了if去控制照片的切換，不會出現錯誤，也有用CSS把頁面弄得好看一點。