iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎 系列

CSS選取器應該是我們在製作網頁時最不可或缺的一門技術,如何善用這些選取器可說是非常的重要,但前提是你至少要先知道有哪些選取器可用啊!所以...金魚們快快動起來一起來看有哪些好用的選取器吧

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

CSS 選取器是什麼?怎麼用?他能做些什麼事?

關於網頁的組成 要講到CSS選取器的話,就必須了解一個網頁的組成,在現代的網頁設計中最基本都會擁有三大元素:HTML、CSS、JavaScript,而 CSS...

2019-09-16 ‧ 由 CSScoke 分享
DAY 2

Tag 元素選取器 - 網頁中最常用到的基本設定選取器 - 金魚都能懂了你還怕學不會嗎

Tag 元素選取器是CSS選取器中最基本的選取器之一,先離題解釋一下 Tag 是什麼? 白話文就是 HTML 標籤統稱啦,一般來說我們在溝通時為了文字的精準度,...

2019-09-17 ‧ 由 CSScoke 分享
DAY 3

CSS class 選取器 - 切版與前端框架最常使用的CSS選取器 - 金魚都能懂了你還怕學不會嗎

在CSS選取器中,class算是比 tag 選取器更加常用到,尤其在現在開發框架盛行的年代更是氾濫。class 選取器的翻成中文的意思就是「分類、類別」,簡單的...

2019-09-18 ‧ 由 CSScoke 分享
DAY 4

#ID 選取器 - 程式設計最常用到的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎

CSS 的 ID 選取器對於網頁開發來說,占了不小的份量與歷練,每個新手在接觸網頁時應該要畢恭畢敬的叫他一聲前輩才對,這話怎麼說呢? 容我後面再解釋。 先來看看...

2019-09-19 ‧ 由 CSScoke 分享
DAY 5

CSS 群組式宣告 - 每個開發者都該學會的選取方式

瞭解了 CSS tag、class、ID 三大基礎選取器之後,接著我們可以來了解選取器的另外一種不同的宣告方式。由於在製作網頁時我們會利用選取器去選取到物件後對...

2019-09-20 ‧ 由 CSScoke 分享
DAY 6

CSS 組合式宣告 - 新手開發從這裡開始進步

談完了 CSS 群組式宣告,接下就來談組合式宣告了,組合式宣告的方式基本上就是將多個選取方式合起來一起寫的作法,例如你有個物件同時是 <p> 標籤,...

2019-09-21 ‧ 由 CSScoke 分享
DAY 7

CSS 層疊式宣告 - 讓你快速選到特定元素內的物件的選取器

在開始解說之前,讓我們先回到最基本的知識,CSS 原名 Cascading Style Sheets,翻譯成中文的名稱有「串樣式列表、級聯樣式表、串接樣式表、階...

2019-09-22 ‧ 由 CSScoke 分享
DAY 8

CSS 通用選取器 - 一個你我都該熟知的老朋友

CSS 通用選取器是一個新手入門必定會接觸到的選取器,每個網頁新手在接觸 CSS 時,多少都會聽過 CSS reset 這名詞,且多少都會聽說過使用星號(*)來...

2019-09-23 ‧ 由 CSScoke 分享
DAY 9

CSS 屬性選取器 - 一個選取自由度超高的選取器

CSS 屬性選取器,一個變化自由的選取器!在早期的時候CSS屬性選取器曾經是被詬病為效能不佳的一種選取器,時至今日拜電腦效能強大及瀏覽器的進步與優化來說,已不太...

2019-09-24 ‧ 由 CSScoke 分享
DAY 10

親代選取器之妹妹選取器與鞭炮串選取器

親代選取器在新手圈算是比較常被忽略的,尤其在目前 CSS3 選取器盛行的時期,這類選取器更加的容易被忽略,但其實這些老選取器還是很好用的啊,當然今天要講的選取器...

2019-09-25 ‧ 由 CSScoke 分享