HTML_解析絕對/相對路徑

定義「相對路徑」和「絕對路徑」 相對路徑是相對於現在目錄的路徑表示，也就是你現在這個檔案在哪裡，這個目錄的路徑起始點就在哪裡，所以每個檔案的相對路徑起始點都可能會不同 絕對路徑是一個絕對位置，他不會隨著檔案位置的變換而改變他的路徑。

閱讀全文

CSS_reset重置樣式

使用時機通常在做網頁切版時，都會有瀏覽器自帶的 CSS 樣式檔案，用以呈現各個瀏覽器特有的預設外觀。雖然有預設樣式的好處是，當開發者沒有特別定義樣式時，至少會有基礎的排版、樣式效果；可是壞處是，當開發者自定義樣式時，經常會因此而出現不可預期的狀況。所以在做切版時，都會用 CSS Reset，將瀏覽器預設的樣式通通歸零，包含行距離、字距、margin、padding⋯ 等。

閱讀全文

CSS_轉場特效(transitions)

使用時機想在滑鼠移上去的時候做一點效果，希望能讓整個頁面看起來更精緻，為了使畫面在轉場時變得生動，此時就很適合用到有漸變的動畫的transition。例：hover設定浮出來的效果（box shadow）並且變亮。注意：transition需寫在外層裡(尚未觸發前)，而非在hover效果層內。

閱讀全文

CSS_絕對/相對定位

absolute 元素的定位是在他所處上層容器的相對位置 如果沒有寫relative對應，則會依照瀏覽器預設的寬高為基準 若要頁面「並排」可使用float，「重疊」可用相對定位語法

閱讀全文