第3课 深入理解盒子模型(上)
2007年11月21日 星期三上一节课中我们看到了CSS可以实现的效果,从这节课开始,我们就正式进入对CSS的学习了,首先要对盒子模型有一个比较深入的理解。
本节课时长16分53秒,下载文件15.8兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
上一节课中我们看到了CSS可以实现的效果,从这节课开始,我们就正式进入对CSS的学习了,首先要对盒子模型有一个比较深入的理解。
本节课时长16分53秒,下载文件15.8兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
上节课中我们对盒子的构成进行了分析,这节课的重点是研究在标准流中的盒子的布局方式。
本节课时长22分29秒,下载文件25.3兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
上节课介绍了盒子模型和标准流方式下的布局模式,大家可以体会到,仅在标准流方式下布局,局限性很大,实际上CSS还具有更强有力的方式。下面就来学习非常重要的两个性质“浮动”和“定位”。
本节课时长17分46秒,下载文件26兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
上节课讲解了浮动的作用,这节课中介绍另一个CSS布局的重要手段——“定位”。
本节课时长18分6秒,下载文件25.7兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
以前面介绍的盒子模型以及布局属性,在这节课中我们来演示一下关于文字和图像的CSS排版。
本节课时长14分5秒,下载文件20.9兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |