鐵人檔案
昨天教了文字樣式今天則是文字段落，主要還可以使用css來調整字元間距、行高、文字對齊等等，這些都是在排版上很重要的細節，尤其是行高的部分，若是行高過小會讓閱讀上...
CSS 中的文字顏色 (color 屬性) 看似一個簡單的設定，但它在網頁設計中扮演著至關重要的角色。選擇合適的文字顏色不僅能提升網站的美觀度，還能增強可讀性和...
今天我們要深入探討 CSS 排版的基石：盒子模型（Box Model）。所有在網頁上的 HTML 元素，都可以被視為一個個的矩形盒子。盒子模型就是一套規則，用來...
在 CSS background 背景設計系列中，包含許多重要屬性，例如用來設計網頁背景顏色的 background-color、顯示背景圖片的 backgro...
在 CSS 版面排版中，position 屬性扮演著至關重要的角色，它決定了元素在網頁上的定位方式。不同於 background 著重於元素的背景裝飾，posi...
當我們談論網頁背景時，腦海中浮現的往往是靜態的圖片或單調的色彩。然而，在現代網頁開發中，CSS3 賦予了我們一種更高效、更具彈性的選擇——直接用程式碼繪製圖案。...
一個精心設計的漸層背景，不僅僅是顏色的堆疊，它能夠為網站注入活力、引導使用者視線，甚至傳達品牌的情感。除了基本的雙色過渡，CSS3 gradient 提供了更強...
今天我們要來聊一個超酷的東西，叫做 CSS Animation ，簡單來說，它就是一種讓我們不用寫複雜的 JavaScript，就能讓網頁元素動起來~比如說，像...
在了解了 animation 和 @keyframes 這兩個核心概念後，今天我們就來實際動手操作，將理論化為生動的視覺效果！我們的目標很明確：讓一個紅色的方塊...
今天要來做一個很常見又很酷的效果——打字機動畫 (Typewriter Effect)。這個效果可以讓文字像打字一樣，一個字一個字出現，最後停留片刻，再消失，並...
