--- title: Fundamental Layout Comprehension slug: Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension translation_of: Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension ---
如果您已经完成了这个模块的学习,那么您将已经学习了今天进行CSS布局以及使用旧的CSS所需的基本知识。
任务需知: |
在尝试此评估之前,您应该已经阅读了本模块中的所有文章。 |
---|---|
任务目标: |
测试您对本单元所涵盖的基本布局技能的理解与掌握应用。 |
我们已经为你提供了一些原始的html、基本的css文件和图像——现在你需要设计一个跟下面图片相似的布局页面。
你可以在这下载基本的html css和图片素材 here.
将HTML文档和css保存到你自己计算机的目录中,并将图像添加到名为images的文件夹中,在浏览器中打开index.html文件应该会给您提供一个具有基本样式但没有布局的页面,该页面应该类似下面所示的图像。
此页面开始于浏览器在正常流中显示的布局的所有内容。
你需要实现你自己的布局。下面是你应该完成的目标:
在实现布局的过程中你不需要修改 HTML,下面是你应该使用的技术:
你能够用好几种方法来实现这些目标,完成一件事的方法并不只有一个。尝试不同的方式,并且看看哪个最有效。尝试之后写下笔记,你可以在本练习的帖子中或者 #mdn IRC 频道讨论你实现它们的方式。
如果这个评估是一系列课程的一部分,你应该可以让你的老师或导师为你批改。 如果你是自学,可以很容易地在 Learning Area Discourse thread 或 Mozilla IRC 的 #mdn IRC频道回复得到批改指南。请先自己试着做——作弊学不到任何东西!