Task__1&2
1.心得：看完《Head First HTML 與 CSS》就開始任務。結合任務二着手寫了個簡單的網頁簡歷。一開始認爲應該會很easy，沒想到還真不怎麼順利。對元素的定位，字符間距，段落間距的掌握實在糟透了。
2.知識點：（1）垂直居中：給定元素寬度（可用①．具體像素大小；②．min-width||max-width；③．佔父元素％數），和元素高度，然後再給定margin的值爲“0 auto”，line-height=height。
（2）取消table元素內雙邊框情況：設置border-spacing值爲0。或者設置border-collapse: collapse。
Task__3&4
1.心得：也算是踩着坑了，通篇id命名元素，沒有class命名，導致樣式設置起來太多重複的樣式，層次關係太不明瞭。語義化標籤命名有待提高，大部分都是拼音。。
2.知識點：（1）設置背景圖像是否固定或隨頁面其餘部分滾動。
body { background-image: url(bgimage.gif);background-attachment: fixed||scroll||inherit;}
設置背景圖像固定||隨其他元素滾動||繼承父元素的樣式。
（2）利用css畫1/4圓。
給div設置成正方形，即寬高相等，設置與寬高值相等的border-radius值。
Task__5
1. 心得：美工實在太差，顏色搭配極low。鞏固了定位的運用。
2.知識點：（1）設置如圖的定位，即“備註”文本與“textarea”塊在同行，想讓二者在頂部對齊，可設置“備註”文本的line-height爲100%。
（2）去除button按鈕的灰色默認邊框。
方法①：設置與button按鈕background-color同色的邊框；
方法②：設置outline：none。