北大青鸟网页设计课程 CSS布局如何进行

　　在网络营销课程中，难免会用到建站，网页设计这一门技术，下面北大青鸟武汉宏鹏光谷校区教员将为大家介绍网页设计课程中CSS布局技术，看CSS布局是如何进行的。

        CSS具有两面性。就像它在格式化文本、导航栏、图片以及其他小小的网页方面很棒一样，当你准备好布局完整的网页时，它真正可怕的一面也展现出来了。

　　CSS布局有两种风格——定位和浮动。定位让你把一个元素以像素级的性定位在网页的任何位置——或者理论上是这样。这种整体控制令人兴奋，就如你将在下一章中所看到的，但是实际上很难实现。这就是大量网页使用基于浮动的布局的原因，也是本章的主题。

　　CSS布局如何进行

　　How CSS Layout Works

　　如在第1章中讨论过的，HTML的局限性迫使设计师们去开发更聪明的方式来使他们的网页更美观。过去常用的工具是标签，它本是用来创建电子数据表——比如由数据行和列组成的信息显示表。但是设计师们却用HTML的表格来创建一种用来组织网页内容的脚手架(见图11-1)。可是由于标签本来不是要用于布局的，因此设计师们不得不经常以各种不寻常的方式来使用这个标签——比如把一个表格放在另一个表格的单元里面——为了得到他们想要的效果。这种方法的工作量很大，增加了大量额外的HTML代码，并使得后面要修改设计很难。但是在CSS出现之前，那就是网页设计师们所拥有的一切办法。

　　如果你已经习惯于使用标签，那么当你开始使用CSS进行布局时，必须发展一种新的思维。先，忘掉行和列(运用表格时的一种重要的观念)。没有列跨度、行跨度和格子状的表格结构在CSS中是找不到的。然而，你可以把一个标签当成一个表格单元。有了表格单元，标签就是把你要的内容定位在网页区域的一个逻辑位置。此外，如你所见，CSS设计经常把一个div嵌套在另一个div里面，就像你把表格嵌套在表格里面来获得特定的效果一样——但是，幸运的是，CSS方法只用少得多的HTML代码。

        了解更多北大青鸟武汉宏鹏光谷校区CSS技术请继续关注武汉北大青鸟官网。