技術 Day13. 切版前知識(三) CSS介紹、選擇器、常用屬性

嗨～從今天開始是一系列的CSS內容，前一章說到瀏覽器會讀取HTML轉譯成視覺化網頁，並搭配CSS、JavaScript使用。CSS負責網頁呈現的樣式、外觀，Ja...

技術 Day09 CSS之夾娃娃機， 選擇器Selector是什麼？

某次Code Review學長對我說，你知道選擇器嗎？我說大概知道。他說你要能夠做到我指哪個你就可以選到哪個，所以他就隨意指個地方，問我『你要怎樣才能選得到？』...

技術 [快速入門前端 18] CSS 選擇器的權重

選擇器的優先順序 當我們使用多個選擇器選中同個元素，並賦予某個屬性不同值時，就會產生樣式衝突。舉例來說，當我們在 A 選擇器將元素的顏色設為紅色，又用 B 選擇...

技術 [快速入門前端 17] CSS 選擇器 (7) 選擇器總結

基本選擇器 選擇器 說明 語法 通配符 作用範圍為所有標籤，用於頁面整體樣式 * { color: red } 元素 作用於同種標籤，不能進行...

技術 [快速入門前端 14] CSS 選擇器 (4) Pseudo-Classes 偽類 - 結構偽類

結構偽類 結構偽類是指針對 HTML 結構來選擇元素進行樣式設定，從而減少對 Class 的依賴，尤其是在表格、表單等排列順序會變動的元素中。例如當我們想利用...

技術 [快速入門前端 11] CSS 選擇器 (2) 複合選擇器 — 交集和併集

複合選擇器 複合選擇器是指由兩個或多個基礎選擇器組合而成的選擇器，複合選擇器的種類很多，常見的有子選擇器、併集選擇器、偽類等等，那接下來就讓我們一一介紹這些選擇...

技術 [快速入門前端 10] CSS 選擇器 (1) 基本選擇器 — 通配符、元素、類別 Class、id、屬性

CSS 選擇器 選則器的功能在於讓瀏覽器知道樣式要套用在哪個或哪些元素中，主要依據選擇器的複雜程度分為基本選擇器和複合選擇器。本篇我們會介紹常用的基本選擇器，主...

技術 [菜鳥筆記] CSS 選擇器

CSS 選擇器 CSS 選擇器怎麼用? 有哪些? 每次都被CSS選擇器多種變化搞得頭昏腦脹不然就是忘記如何將querySelector選中的節點裡的所有子元素選...

技術 建構HTML的按鈕容器

雖然在JSXGraph中可以輕易建立button、chebox、label…等元件，但是這些元件會在畫板內，因此排版並不方便，也會干擾幾何元素的呈現。今天我們將...