技術 ::before & ::after 利用 CSS 偽元素增強網頁內容的魅力

::before 和 ::after 是 CSS 偽元素，主要用於在不改變 HTML 結構的情況下，在元素的前後插入內容或樣式（例如文字、符號或圖片）。這些偽...

技術 ::first-letter & ::first-line & ::selection 文章段落偽元素

在前面我們探討了偽類選擇器，接下來我們將進一步了解「偽元素」選擇器。 偽元素允許開發者選取並操控元素中特定的部分或內容，這樣可以在不改變 HTML 結構的情況...

技術 什麼是CSS選擇器? CSS選擇器如何應用

一個完整的網站由 HTML、CSS 和 JavaScript 三者協同運作，各司其職，缺一不可。HTML 負責網站的結構，CSS 負責視覺美感，而 JavaS...

技術 Day15. 切版前知識(五) CSS偽元素 ::before、::after

嗨～今天是第15天！終於一半啦！！！今天要來談談CSS的偽元素，有了偽元素讓元素能添加更多效果、變化，網頁設計也能更多樣，是很常用的設定之一。前面的天數有談到：...

技術 [快速入門前端 16] CSS 選擇器 (6) 偽元素選擇器

偽元素 偽元素，指的是元素中一些特殊的位置，因為他不是一個真正的元素，所以被稱為偽元素。偽元素在選擇器中的寫法為 ::偽元素，下面就讓我們來介紹常見的偽元素吧！...

技術 Day 15 - 切版進階技巧(一) : CSS進階、CSS動畫、偽元素

Day 15 - 切版進階技巧(一) : CSS進階、CSS動畫、偽元素 每日一談 嗨，大家好 ! 我是阿蘇今天是Day15 ， 不知不覺寫到了15天，不曉得...

技術 #1-連結Hover動起來！(CSS 偽元素)

網站必備！連結動態 連結的Hover動態算是網頁動態最基本款，一個好的動態絕對可以幫網頁 點擊率（CTR） 加分。 (話說當時菜鳥的我根本不知道什麼是hover...

技術 與工程師的協作之路-icon篇（下）

自從寫了一週文章，深深發覺要當一個部落客真是不簡單！每天被時間追著跑，我心臟又不大顆...完全不敢拖超過11點Ｏ＿Ｏ更深深覺得拿時程壓榨工程師很壞！！（為什麼會...

技術 Day25：小事之 CSS 偽元素 與 content Property

W3C 寫道：content 屬性與 ::before 和 ::after 一起使用在文檔中生成內容。 因此，使用 ::before 和 ::after 一定要...

技術 Day24：小事之 CSS 偽類 與 偽元素

先來個比較表 . 符號 . . 作用 偽類 : 不是元素 不會出現在 DOM tree 用於定義元素的特殊狀態 偽元素 :: 是元素 會出現在...

技術 Day13 「之前之後？什麼鬼？」 ─ ::before、::after 偽元素

大家好，台嘎厚今天中部依舊空氣品質糟糕，滿滿大PM2.5，是個適合還債的日子 (什麼鬼 今次來接續上次的題目 ── 使用偽元素來清除浮動 但首先我們必須要先知道...