Div+CSS布局入门教程(五)

作者:Moonight 日期:2006-05-18

四、页面制作(1)----用好border和clear

　　这一节里面，主要就是想告诉大家如何使用好border和clear这两个属性。

　　首先，如果你曾用过table制作网页，你就应该知道，如果要在表格中绘制一条虚线该如何做，那需要制作一个很小的图片来填充，其实我们还有更简单的办法，只要在<td></td>中加入这么一段就可以了，你可以试试：

Tags: 教程教程入门教程入门教程网络编程网络编程

分类:设计讨论 | 固定链接 | 评论: 0 | 引用: 5966 | 查看次数: 47270

Div+CSS布局入门教程(四)

作者:Moonight 日期:2006-05-18

三、页面顶部制作(2)----使用列表<li>制作菜单

　　开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。

Tags: 教程教程入门教程入门教程 asp/js asp/js

分类:设计讨论 | 固定链接 | 评论: 0 | 引用: 3446 | 查看次数: 32176

Div+CSS布局入门教程(三)

作者:Moonight 日期:2006-05-18

三、页面顶部制作(1)

　　当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。

　　在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：

Tags: 教程教程入门教程入门教程网络编程网络编程

分类:设计讨论 | 固定链接 | 评论: 0 | 引用: 5817 | 查看次数: 42739

Div+CSS布局入门教程(二)

作者:Moonight 日期:2006-05-18

二、写入整体层结构与CSS

　　接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：
程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Tags: 教程教程入门教程入门教程网络编程网络编程

分类:设计讨论 | 固定链接 | 评论: 0 | 引用: 2680 | 查看次数: 25038

Div+CSS布局入门教程(一)

作者:Moonight 日期:2006-05-17

一、页面布局与规划

　　好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧...

　　在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

Tags: 教程教程入门教程入门教程 asp/js asp/js

分类:设计讨论 | 固定链接 | 评论: 3 | 引用: 3348 | 查看次数: 33397