日期:2014-05-17  浏览次数:20566 次

DIV+CSS实现网页布局

表格网页布局有很多弊端,例如定义繁琐,代码查看不方便等,用DIV+CSS模式实现网页布局较为系统、方便,通用性较强。

例如现在比较常用的在网页底部很长的一栏,就可以用其实现。


我们来看看具体实现方式,举例说明。为方便观看,我没用代码实现,而用直接点击鼠标来实现。


在Dreamweaver的常用工具栏中,点击div。弹出框中的ID项填入名称。


点击右侧的CSS栏,点击图标,新建规则,我们这里按自己需求设置。


OK,看我实现的,我把它放在了网页上部。


当然是半成品,里面没有添加链接,不早了,先睡了,明天利用周末时间搞一搞。