iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

CSS破冰突圍:自學挑戰前端設計 系列

新手自學者從CSS基礎知識開始,逐步挑戰前端設計的各種技巧,快速上手應用,並掌握在實際開發中常見的設計需求。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 : 隱形守護者:智慧防護的第一線,圖片浮水印默默捍衛作品

##在數位世界中,浮水印是創意的無形忠誠保鏢🛡️✨ ##為什麼要有這功能在網頁中顯示文件、圖片或內容時,加入圖片浮水印功能是一種保護資產的常見方式。這有助於避免...

2024-09-25 ‧ 由 Odelia 分享
DAY 12

Day12 : 性能優異、簡單靈活 : 文字浮水印讓內容保護更簡單輕便

##從設計到部署,兼容性強輕鬆適應各種設備和屏幕,毫不費力。 ##為什麼要有這功能文字浮水印是一種常見的技術,用於保護數位內容的版權和完整性。可以防止未經授權的...

2024-09-26 ‧ 由 Odelia 分享
DAY 13

Day13 : 視覺雙重奏:Button上的圖文互換魔法

##按下按鈕從文字到圖片,驚喜互動操作直觀又有趣!Button的圖文互換也是卡住新手一段時間丫XD~小小提示:互換的要放在同一層級 ##為什麼要有這功能在現代網...

2024-09-27 ‧ 由 Odelia 分享
DAY 14

Day 14: 字型的奧秘:決定網站第一印象的個性語言

##不只是美觀:還關係到用戶體驗! 在開發網站前前後後的確是對於文字做了很多設定上的調整,常見的問題是MacOS和Windows系統的預設字型不同,而系統自動使...

2024-09-28 ‧ 由 Odelia 分享
DAY 15

Day15 : 文字大小的設計密碼:從細微到宏觀,讓網站因文字而更生動

##靈活運用單位的選擇,讓字體大小為網頁設計畫龍點睛! ##為什麼要有這功能文字大小在網頁設計中對用戶體驗至關重要。合適的文字大小不僅可以提升網站的可讀性,還可...

2024-09-29 ‧ 由 Odelia 分享
DAY 16

Day16 : 文字的樣式:讓文字隨心而動,構建間距與層次感

文字的樣式、粗細、行高及間距鋪陳出一幅寫意的視覺篇章~ ##為什麼要有這功能在網頁設計中,文字的樣式、粗細、行高及間距,對於提升可讀性和視覺效果至關重要。這些設...

2024-09-30 ‧ 由 Odelia 分享
DAY 17

Day17 : 無論想靠左靠右置中,都讓 文字對齊 說了算

CSS的text-align 相等於 WORD中的文字排版 ##為什麼要有這功能文字對齊是網頁設計中最基本也是最重要的部分之一。不同的文字對齊方式,能夠有效地改...

2024-10-01 ‧ 由 Odelia 分享
DAY 18

Day18 : 垂直對齊:上下標對齊的靈活運用

##為什麼要有這功能垂直對齊(vertical-align)是用來控制元素在其父容器中的垂直位置,尤其對於 inline 元素或表格單元格中的內容非常有用。無論...

2024-10-02 ‧ 由 Odelia 分享
DAY 19

Day19 : Box Model高度、寬度伸縮自如的愛,從精準到內容自適應

既能固定又能隨內容變動的靈活自由變化設計~ ##為什麼要有這功能CSS Box Model 是網頁設計中用來控制元素大小及其內容區域的一個重要概念。透過設定寬度...

2024-10-03 ‧ 由 Odelia 分享
DAY 20

Day20 : 滾動不設限:用 overflow 掌控想要的內容展現

##為什麼要有這功能overflow 是用來控制當元素的內容超出其容器時,該如何處理的屬性。透過設定 visible、hidden、scroll、或 auto,...

2024-10-04 ‧ 由 Odelia 分享