oeasy教你玩轉css禪意花園

課程簡介

本課程使用css設計領域最經典的例子禪意花園來學習css實戰，36個設計讓您徹底了解css的方方面面。從設計入手到精通界面，是成為優秀網頁設計師的快速路徑。

第1章css禪意花園基礎篇

緣起

1-1[css基礎]緣起-經典(09:17)

1-2[css基礎]自刷新，環境搭建(08:58)

1-3[css基礎]內容(12:19)

1-4[css基礎]絕對定位(46:58)

1-5[css基礎]昆蟲學-居中，after，before(36:09)

1-6[css基礎]百合，符號的意味，節奏和秩序(54:13)

1-7[css基礎]靈感橫向固定定位fixedposition(52:50)

1-8[css基礎]和尚相對定位背景tile(50:49)

1-9[css基礎]並非最小化一般做法標準(38:19)

第2章css禪意花園進階篇

2-1[css進階]安靜最初的設計(44:21)

2-2[css進階]呼應亞特蘭蒂斯設計微妙(33:40)

2-3[css進階]向日葵陰影方圓對比尖銳和柔和(42:44)

2-4[css進階]春天，絕對定位和浮動定位的結合，虛線點的細節(53:35)

2-5[css進階]翠綠活力塊級元素ps漸變邊線(47:14)

2-6[css進階]balade敘事曲講故事吸引視線充滿細節(44:37)

2-7[css進階]夜行橙黃色燈光(42:05)

2-8[css進階]ps毛玻璃日式花園(48:35)

2-9[css進階]框線融合(36:23)

第3章css禪意花園節奏篇

3-1[css節奏]海闊天高節奏變化相應映像印象(36:13)

3-2[css節奏]無邊界-自由範圍-可擴展(50:42)

3-3[css節奏]變化不同手繪微妙(40:30)

3-4[css節奏]地下絕對定位大橫幅神秘(29:24)

3-5[css節奏]水天一色和合(34:46)

3-6[css節奏]傾斜負內邊距行高橫線段落編號(44:15)

3-7[css節奏]釋放大色塊細節框線統一節奏(56:37)

3-8[css節奏]黑白印戳紙張裝飾風格版式(41:27)

3-9[css節奏]變奏血色慾望變化靈動網點紙新聞(45:24)

第4章css禪意花園平衡篇

4-1[css平衡]黃金平衡左右對稱色相平衡(34:30)

4-2[css平衡]穀物，extra各種附加元素布局(53:11)