第6天：學習 CSS 排版技術，包括浮動、定位和彈性佈局，並實作範例

今天是我參加 IT 鐵人賽的第六天，我決定學習 CSS 的排版技術。這些技術可以幫助我更靈活地控制網頁元素的佈局和排列，使網頁更加美觀和易於使用。

首先，我學習了浮動（float）技術。浮動可以讓元素在網頁中左右移動，並且其他元素會環繞在它的周圍。我學習了如何使用 float 屬性來設置元素的浮動方向，以及如何使用 clear 屬性來清除浮動，避免佈局混亂。

接下來，我學習了定位（position）技術。定位可以讓我更精確地控制元素的位置。我學習了 static、relative、absolute 和 fixed 四種定位方式，並了解了它們之間的區別和應用場景。例如，relative 定位可以讓元素相對於其正常位置進行偏移，而 absolute 定位可以讓元素相對於最近的已定位祖先元素進行定位。

最後，我學習了彈性佈局（flexbox）技術。彈性佈局是一種強大且靈活的佈局方式，可以讓我輕鬆地排列和對齊元素。我學習了如何使用 display: flex 屬性來啟用彈性佈局，並使用 justify-content、align-items 和 flex-direction 等屬性來控制元素的排列和對齊方式。

掌握了這些排版技術後，我開始實作一些範例來鞏固我的學習。我創建了一個包含多個元素的網頁，並使用浮動、定位和彈性佈局技術來排列和對齊這些元素。我調整了元素的位置和排列方式，使網頁看起來更加整齊和美觀。

今天的學習讓我對 CSS 的排版技術有了更深入的理解，並且能夠運用這些技術來靈活地控制網頁元素的佈局。我期待在接下來的日子裡，能將它們應用到我的衛教網站中。