RD少女養成計畫
文章數
48
追蹤數
117
已付費
NaN
追蹤專題
文章列表
專題介紹
跨領域轉職
學習資源&心法
專案管理 & 開發
JavaScript
CSS
HTML
RWD
Firebase
前端開發
TypeScript
文章列表
專題介紹
跨領域轉職
學習資源&心法
專案管理 & 開發
JavaScript
CSS
HTML
RWD
Firebase
前端開發
TypeScript
CSS
【前端開發】如何透過 CSS 實作段落的斷行效果,white-space 語法應用
說到 HTML 元素的換行效果,在前端有滿多種實作方式的最常見的方式是使用 <br /> 這個 HTML 元素來進行換行 ⋯⋯
Vivian Yeh
2023-06-07
6
【自學程式】那些年你沒搞懂的 Flexbox 及實務應用技巧
在 Modern Web 的世界中,已經有非常多的套件、語法、框架,可以解決大部分網頁排版問題。 以我近期的觀察來說,在專案開發時,大部分公司會為了讓下一個接手、維護的開發者能更快上手專案架構,而採取原生的 CSS 寫法,而不是仰賴快速又方便的套件。
Vivian Yeh
2022-04-28
7
【自學程式】好用的 CSS 偽類選擇器 :nth-child() 與 :nth-of-type()
相信透過之前的介紹,大家對於 CSS 選擇器(CSS selector)已經不陌生了,今天我們要來聊聊兩個在實務上非常好用的偽類(pseudo class )語法,他們分別是 :nth-child() 與 :nth-of-type(),在了解這兩個語法之前,我們首先要先來聊聊什麼是「偽類」呢?
Vivian Yeh
2022-03-23
5
【CSS 教學】position 系列語法彙整,絕對、相對定位的開發、除錯技巧
不論是在基礎或是進階的版面排列,幾乎離開不了 position 系列的 CSS 語法,如果對於這些語法不熟悉,要快速完成畫面需求幾乎是不可能的,甚至會延宕整個團隊的開發速度(對,position 語法就是這麽重要)。
Vivian Yeh
2021-12-05
10
【自學CSS】min-width、max-width 到底怎麼用?響應式網頁應用解析
相信大家在一開始接觸 CSS 時,一定會很疑惑為什麼除了 width 外,還會有 max-width 及 min-width 語法呢? 當要開發響應式網頁時,到底要使用什麼語法來控制「斷點」?
Vivian Yeh
2021-11-14
11
【CSS 教學】什麼時候該使用 margin 、padding?前端都該要懂的盒模型!
對於前端初學者來說,在切版時會出現很多規則、不規則的網頁區塊,這時候我們會嘗試用各種相對定位、絕對定位、margin 或是 padding 的方式來進行網頁區塊的推擠。
Vivian Yeh
2021-09-28
8
【CSS 教學】inline、block、inline-block 使用時機講解
明明想要某個欄位的寬高為 200px,卻發現自己不知道為什麼怎麼更改都會改不動,又或者寬高更改了,卻沒有辦法與其他元素並列。 上述的狀況,通常都是在不熟悉 HTML display 特性而產生的狀況下才會出現⋯⋯
Vivian Yeh
2021-09-07
8
【自學程式】如何調整網頁背景圖片大小?解決背景重複、圖塞不滿問題
在一個網頁上,會需要使用到圖片的地方有非常多處,像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
Vivian Yeh
2021-07-31
9
【自學程式】如何設定網頁的背景圖片?多層次背景圖、漸層背景教學
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Vivian Yeh
2021-07-11
9
【自學程式】什麼是CSS選擇器? 學習如何改變網頁內容的樣式
與HTML不同,CSS是專門修改網頁內容「樣式」的程式語言,也就是說你沒有辦法透過CSS去新增網頁的文字或是圖片等相關的內容,但你可以透過HTML新增網頁內容後,再使用CSS去修改他的樣式,例如⋯⋯
Vivian Yeh
2021-06-10
9