css

#css含有「css」共 14 篇內容
全部內容
發佈日期由新至舊
CSS在現代網站設計中扮演的關鍵角色在當今日新月異的數位時代,網站已經不僅僅是一個給人們提供資訊的平臺,更是一個互動性、視覺吸引力和功能性兼具的數位體驗。而CSS(Cascading Style Sheets)正是網站設計中的一個重要元素,扮演著關鍵的角色。
2024-05-30
4
2024 網頁x人因xDjango 實務課程 02 前後端概念當我剛開始接觸這個領域的時候,經常會看到有人在討論: 到底要做前端還是後端工程師呢?後端工程師賺的比前端工程師多?前端工程師轉後端工程師?那前端與後端到底是什麼呢? 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理,對於想深入瞭解前後端的讀者會非常有幫助。
Thumbnail
2024-02-29
2
photoshop混和模式可以用css呈現,關於mix-blend-mode用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
2024-01-04
0
[前端]Bootstrap5 客製化 (#1) 引入專案在專案建置的過程中引入 Bootstrap 並且客製化其樣式已是非常常見的事,並且隨著對 Bootstrap 以及 Sass 了解的加深,發現客製化的幅度可以非常的大跟彈性,因此想記錄這些研究與實作的過程,如果對你也有幫助,那就太好了。
Thumbnail
發佈在
YJ 的沙龍
2023-10-16
0
跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的width與對齊在上一篇文章-跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的伸縮 。我們提到了flex-item的width會由自身的內容長度決定。這其實是件很不可控的事情,所以我們在開發上會傾向於對flex-item設置width。 flex-item
Thumbnail
2023-08-29
3
跟著KP用21天征服Responsive Layout-W2-優化flexbox的html結構在學習了flexbox的起手式之後,讓我們來檢視與優化html結構吧。 <section class="three-col"> <div class="container"> <!--用來設置layout--> <div class="row"> <!-
2023-08-29
1
跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的伸縮歡迎來到第二周,這一周我們就要進入Flexbox了。今天我們會先認識Flexbox的起手式與flex-item的伸縮規則。
Thumbnail
2023-08-29
0
【CSS】CSS 單位指南與應用大全(em, rem, vh, vw, %, px, vmin, vmax)「px」,即像素,是最基本的單位,它常被用於指定字體大小、邊框粗細等。「em」和「rem」通常用於調整相對大小,「em」在子元素中的適用,而「rem」則以根元素為參考。另一方面,「vh」和「vw」分別代表視窗的高度和寬度百分比,特別適合實現響應式設計。「vmin」和「vmax」則根據視窗的最小或最大
Thumbnail
寫給電子書製作的自學者:去認識css與html碼!來吧!把它學好來,自己從無到有不用依賴轉檔做出一本電子書,真的,不是,難事!
Thumbnail
2023-03-31
13
圖形辨識~尋寶遊戲構想上,前端簡單的使用Google Map 做定位,並寫入SQL做第一段比對經緯度。接著前端有一個php上傳圖片的功能(沒有 https 所以就不做網頁開相機的方式)。經過上傳至伺服器後,python 圖形辨識,比對上傳的圖片,若比對成功或相似度差異不大,則判定正確,寫入SQL,端頁面顯示奪寶成功。
Thumbnail
2022-11-21
5