# CSS flex ## Flex 外容器屬性 - ### display:flex; - ### flex-flow - #### flex-direction(文字方向) - column(上至下,左至右) - column-reverse(column相反) - row(左至右,上至下) - row-reverse (row相反) - #### flex-wrap(換行) - nowrap(單行) - wrap(換行) - wrap-reverse(換行,內容翻轉) - ### justify-content(水平對其) - flex-end(對其最左邊) - flex-start(對其最右邊,預設) - center(置中) - space-between(移到兩旁) - space-around(間距平均) - ### align-items(單個垂直對其) - flex-end(對其最下面) - flex-start(對其最上面) - center(置中) - stre

# HTML Font tag ```html= <b> 粗體</b> <l>斜體</l> <u>文字加底線</u> <spu>文字上標</spu> <spb>文字下標</spb> <strong>加強文字</strong> ```

# CSS Font - ## font-family(文字字形) - sans-serif (無襯線體) - serif (襯線體) - monospace (等寬體) - cursive (手寫體) - fantasy (幻想體) - ## font-size(文字大小) - em,cm,px,% - small,medium,large - inherit - ## font-weight(文字粗細) - normal(一般) - bold(粗體) - bloder(比粗體粗) - lighter(細體) - 100~900(數字越大越粗，<500似乎不明顯) - ## font-style(文字樣式) - normal(一般) - italic(斜體字) - oblique(同italic) - initial(預設值) - inherit(繼承父元素設置) - ## color(文字顏色)

# CSS Background - ## background-color(背景顏色) - ### background-color : #FFFFFF; - #FFFFFF - rgb() - rgba() - red，blue.... - ## background-size(背景大小) - ### background-size : 100% 100%; - cover(保持圖像大小，覆蓋背景最小大小) - contain(保持圖像大小，覆蓋背景最大大小) - percentage(100% 100%); - length(auto) - ## background-repeat(背景是否重複) - ### background-repeat : no-repeat; - no-repeat(不重複) - repeat(重複) - repeat-x(只重複水平) - repeat-y(只重複垂直) - inherit(繼承父元素設置) - ## backgrou