From f80d4b2a51310ecc8392210d71af4cd57a54fdaf Mon Sep 17 00:00:00 2001
From: Lu-yeom <82422161+Lu-yeom@users.noreply.github.com>
Date: Sun, 23 May 2021 20:38:03 +0800
Subject: [PATCH] self-learning by Luyeom-week6_hw3
---
homeworks/week6/hw3.md | 16 ++++++++++++----
1 file changed, 12 insertions(+), 4 deletions(-)
diff --git a/homeworks/week6/hw3.md b/homeworks/week6/hw3.md
index 9faf6ca..e70d20c 100644
--- a/homeworks/week6/hw3.md
+++ b/homeworks/week6/hw3.md
@@ -1,11 +1,19 @@
## 請找出三個課程裡面沒提到的 HTML 標籤並一一說明作用。
-
+
：分隔線，可設定對齊方式、高度、寬度、顏色...等。
+：上標字。
+：音樂檔路徑。
## 請問什麼是盒模型（box modal）
-
+所有HTML元素可以看作盒子，在CSS中，“box model”規定了元素處理元素內容（content）、內邊距（padding）、邊框（border）和外邊距（margin）的方式。
+最內層是元素內容的寬高，再來是內距及邊框。
## 請問 display: inline, block 跟 inline-block 的差別是什麼？
-
+block：可以調div、h1、p...等等，但是一個block就算設定沒有占滿畫面，仍然是預設整個block，所以不會發生其他block遞補到空白處的情形。
+inline：代表為span、a，無法調元素的寬高和上下邊距，因為寬高會依據元素內容來顯示(可以設定 margin 跟 padding，但只能設定左右不能設定上下)。
+inline-block：結合block和inline的優點，不會自動換行，可並排，可設定元素寬高。
## 請問 position: static, relative, absolute 跟 fixed 的差別是什麼？
-
+static:預設，會依照normal flow排列。往下排列。
+relative:相對定位，要使用absolute的話要在父元素設定relative，不會特別影響排版，但是可以設定left 、top等來偏移元素。
+fixed：會將元素固定定位在指定處，無論視窗怎麼滑動都不會更動。
+absolute:會跳脫normal flow，不會佔到空間，元素會重疊，可設定left 、top等來偏移元素。