css
含有「css」共 20 篇內容
全部內容
發佈日期由新至舊
上一篇我們知道 HTML 是用來打造網頁架構的，但如果你只是寫好 HTML，那網頁看起來會像是 白紙黑字的 Word 檔。
這一篇我們就來介紹負責「讓畫面變漂亮」的角色：CSS！
CSS 是做什麼的？
CSS，全名是 Cascading Style Sheets，中文叫「階層式樣式表」。
每個學習網頁開發的人一定會聽過 HTML、CSS、Javascript ，但這些到底是什麼? 在我學習前端技術的前期，經常搞不懂這三者的關聯，陷入一個「我知道這三個名詞，但不知道用來做啥」的窘境，因此今天用簡單的方式分享這三個常見的名詞~
學習CSS的技巧與工具，包含偽類、遊標樣式、絕對單位和相對單位、元素顯示與隱藏、Flexbox、響應式設計(RWD)、Bootstrap和Tailwind等，幫助你設計出漂亮且在不同螢幕上都好用且順眼的網頁。
學習網頁設計的 CSS 三大重要觀念：Box model、Position 與 z-index。透過此文章，瞭解 padding、border、margin 的應用、position 屬性的五種定位方式，以及 z-index 如何控制元素的堆疊順序，並附上相關學習資源與實例說明。
Tailwind CSS 是近年熱門流的CSS 樣式工具套件。class名稱簡單易理解是他的最大特色之一，在設計上不易被其他前端框架套件拘束。是一個入門門檻低的前端樣式好用工具。
這裡介紹用簡單步驟，將Tailwind CSS加入vue專案中
本章介紹了 CSS 中的顏色和背景屬性，包括文本顏色的設置方法、背景顏色和背景圖片的應用、背景重複和位置的配置，以及線性漸變和徑向漸變的使用。這些知識將幫助你更靈活地設計和美化網頁。
在當今日新月異的數位時代，網站已經不僅僅是一個給人們提供資訊的平臺，更是一個互動性、視覺吸引力和功能性兼具的數位體驗。而CSS（Cascading Style Sheets）正是網站設計中的一個重要元素，扮演著關鍵的角色。
當我剛開始接觸這個領域的時候，經常會看到有人在討論： 到底要做前端還是後端工程師呢？後端工程師賺的比前端工程師多？前端工程師轉後端工程師？那前端與後端到底是什麼呢？ 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理，對於想深入瞭解前後端的讀者會非常有幫助。
用photoshop製圖時常會用到混和模式的效果，
但切成網頁圖片時，卻呈現不出來，例如光暈旁邊都會帶黑邊，
最近看到一個css3的混色模式可以達成這樣的效果...
