简介：本课程使用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基础] 灵感 横向 固定定位 fixed position (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)
- 视频： 4-3 [css平衡] 悬空寺 四面边框 不动的佛像 盆景天空 (40:02)
- 视频： 4-4 [css平衡] 郁金香 边缘 图案 pile图形拼合 菜单效果 横版 relative (51:23)
- 视频： 4-5 [css平衡] 花园之门 door 影调 质感 摄影 材质 铁锈 偶然 怀旧 斑驳 (30:38)
- 视频： 4-6 [css平衡] 绿草如茵 边框 圆形 圆角矩形 图案做法 (01:01:07)
- 视频： 4-7 [css平衡] 乐高风格 像素画 图像拼合 节奏 变化 (45:34)
- 视频： 4-8 [css平衡] radio 复古 横版 设计 横向 (43:18)
- 视频： 4-9 [css平衡] 边框 渐变 (26:14)