[HTML/CSS]Udemy Keen Cen 9語言0基礎 #0-#64 流水帳筆記

https://www.udemy.com/ken-cens/learn/v4/overview

#24
作品集加入表單 form HTML5 的元素，不然都沒練習到，
就放在 reserve 裡試試。

#25
自定義屬性，HTML5 的特性，之後在 php 或 boostrap 可能會使用到。

CSS & CSS3

#37
區別流向的不同：
一個 div 包兩個元素，加入 float；兩個 div 個別包一個元素，加入 float

#40
padding 會延伸原本設定的 width & height，而不是往內擠，
這好像挺重要的但常常忽略，自然而然就讓 padding 幫我延伸。

#41
如何用 border 畫圓框？

#42
擅用 w3school 幫忙寫字體的順序，很方便！

#44
visited 在統一色調的時候跟 hover 一樣重要；
在 CSS 就設定表現會更好，與script相比，因讀取的順序

#46
box-sizing: border-box
畫圓形、水滴狀

#47
background: linear-gradient()
漸層顏色

#48
box-shadow

#49
column-count，分欄。要注意瀏覽器相容的問題與對應寫法

#50
animation-name-duration
-delay ... 還有很多，
如一次控制多個、時間差表現、單一物件的長寬色不同時間差

#51-#53
實作範例：靜態動畫地球軌跡，以 CSS 寫成。
突然覺得因學過 PS 有圖層概念，滿有幫助的，真幸運～
@keyframe name {from{}to{}}

#54-#62
切版：BBC 網站。別忘善用 span