11 篇文件帶有標籤「css」

本文介紹了 CSS :has 選擇器，這是一個可以透過子元素來改變父元素的樣式的選擇器。

當我們在開發網站時，我們經常需要在元素上應用一些 CSS 樣式，以便我們可以更好地理解它們的位置和大小。但是，每次都要為元素添加一個樣式，然後刪除它，這樣做很麻煩。為了解決這個問題，我們可以製作一個名為 `???` 的 CSS 樣式，這個樣式可以為元素以及它的所有子元素添加一個紅色的邊框，讓我們方便看出元素的 box model。

本文討論了 CSS 清單樣式和裝飾，主要涵蓋了 marker、counter(list-item)、before，以及 columns 和 break-inside 的使用方式。

如果你有在使用 transform 屬性，那麼你可以停止使用了，因為你可以直接使用每個變換樣式了。

本文介紹了使用 CSS 變數來建立可被重複使用的屬性，可以在 :root 中定義全域變數，也可以在任何 Selector 中定義局部變數。此外，我們近了使用 Media Query 來動態修改變數的值，以及如何在 JavaScript 和 React 中使用變數。

有些網站都會有一個或多個看不見的連結，也不能點擊他。這是因為這些連結是用來提升 accessibility 讓一些用戶更輕易瀏覽網站所設計的。這些連結可以讓用戶依靠鍵盤直接跳到網站的主要內容，或是跳到網站的導覽列。

這篇文章介紹了如何使用 Auto Margin 來將最後一個元素放在最後面。

本文介紹 CSS 中的 max、min、clamp 和 calc 這四個函式的功能和用法，還有它們在 CSS 中的運用。

我們可以透過 `IntersectionObserver` 來偵測元素是否在視窗中，並且透過 CSS transition 來實現滾動時的動畫效果。這個方法不需要任何第三方套件，而且可以製作成一個通用的動畫元件，讓開發者可以自行決定動畫的效果。

前端技術發展超級快速，每天都有新的技術出現，為了追隨時代的腳步，保持與時俱進，所以我喜歡訂閱一些電子報，搜尋有趣的技術文章，以及在 YouTube 上亂看一些技術影片。這樣我就能不斷學習，獲得最新的前端技術資訊，我也會將我所學到的知識分享給大家，希望大家也能從中學習到新的知識，並且一起深入探討，加深對前端技術的理解。

這篇文章介紹了 Orton Effect，一種攝影技術，並且使用 CSS 和 React 實現了這種效果。