iT邦幫忙

oocss相關文章
共有 5 則文章
鐵人賽 Modern Web DAY 6

技術 Day06::我所知道的 CSS設計模式和架構之OOCSS

從開始切版,我最容易遇到的問題就是⋯ 扣很髒很亂 今天打的程式碼睡一覺醒來後就完全看不懂程式碼在寫些什麼 切版都用不一樣的標籤,今天用header明天用top後...

鐵人賽 Modern Web DAY 8
CSS 實戰心法 系列 第 8

技術 CSS 框架架構參考 Bootstrap

Bootstrap 是目前我最喜歡的 CSS 框架。 雖說如此,我以往可是很討厭 Bootstrap 的,身為一名設計師希望能夠有更多自己發揮的空間,所以早期一...

鐵人賽 Modern Web DAY 4
CSS 實戰心法 系列 第 4

技術 OOCSS 容器與內容分離 (最佳實踐)

結構與樣式分離,對於網頁的樣式設計是一種解放,所有元件的樣式組合搭配及擴增變得更自由。 這篇要介紹的是容器與內容分離,簡單來說我們可以把元件分為兩大類型: 容...

鐵人賽 Modern Web DAY 3
CSS 實戰心法 系列 第 3

技術 OOCSS 結構與樣式、容器與內容(實際範例)

結構與樣式在執行的概念上就是這樣的白話,目標即是將這兩者分離,上一篇我們用建築物的結構與外觀樣式做分離,再依不同的需求去做組合。 CSS 上也是相同的道理,比如...

鐵人賽 Modern Web DAY 2
CSS 實戰心法 系列 第 2

技術 OOCSS 結構與樣式、容器與內容

以前剛進入這行,掌握了 CSS2 的大部分關鍵之後,對於製作網頁非常有成就感,因為當時寫一個站不需要太多時間(整個網站約落在 800 ~ 1200 行 CSS)...