系列文章
Day11.HTML項目列表清單
列表清單有分有序跟無序，有序用<ol>，無序用<ul><ol>和<ul>分別作為容器，而他們個別的項目內容都是透...
Day12.<button>按鈕元素
<button>是html裡的按鈕元素，也屬於容器元素通常會放在表單裡面讓使用者點擊，或者是獨立運作如果只想做一個簡易版的按鈕，就可以直接使用<...
Day13.CSS<padding>標籤
<padding>屬於css中的屬性，主要控制內容與其邊距之間的距離 主要分成四個方向，上、下、左、右，去設置內邊距top: 上方內邊距bottom...
Day14.CSS<margin>標籤
繼上一篇有提到內邊距padding，邊界間距也不僅只有內部，當然還有外部啦~而外部邊距我們就是用margin~也就是我們今天的主角!! <margin&g...
Day15.CSS<display>標籤
<display>主要控制元素的顯示方式預設通常是inline或block其中一個，inline稱為「行內元素」，block稱為「區塊元素」，而常見...
Day16.CSS<justify-content>屬性
<justify-content>主要以主軸線來排版，且須搭配display:flex做使用 分成以下六種:justify-content: fle...
Day17.CSS<text-align>屬性
<text-align>主要用於文字水平對齊，常見的值有以下幾種: text-align: left; text-align: right; tex...
Day18.CSS<align-items>屬性
align-items主要控制Flex容器内的子元素以交錯軸線來做排版有以下幾種方式: align-items:stretch; align-items:fle...
Day19.CSS<background>屬性
background主要控制元素的背景，可設定顏色、圖片、位置等背景樣式接下來我們就來介紹一下有哪些背景設定吧~~ background-color設定背景...
Day20.CSS<position>屬性
position 是 CSS 中用來控制元素佈局和定位的屬性，根據不同的方式來控制元素的位置今天主要介紹以下五種值:staticrelativeabsolute...