---
# System prepended metadata

title: UI復刻使用的html css

---

# UI復刻使用的html css
## html：
**img插入圖片
path定義路徑**
M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Bézier curve
T = smooth quadratic Bézier curveto
A = elliptical Arc
Z = closepath
**svg圖形的容器**
## CSS：
color、background-color 設定顏色
weight height 設定寬&高度
padding 行距設定
font- 改變字形設定
text-align 控制行內內容的對齊
display:block 元素的顯示型態被設定為區塊元素
display:inline 元素的顯示型態被設定為內行元素
## 心得：
這次的作業我覺得難度有點過高，除了要先理解別人版面如何配置，還要根據相對的css來排版，而且做這些UI的人基礎實力估計都在我們之上，根據我們現有的能力要做出一樣的東西是很勉強。
