预览模式: 普通 | 列表

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

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

  开始此节的学习前,请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。
  这一节我将告诉大家如何用列表<li>来制作菜单。

查看更多...

分类:设计 | 固定链接 | 评论: 0 | 引用: 914 | 查看次数: 2549

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

三、页面顶部制作(1)

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

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

查看更多...

分类:设计 | 固定链接 | 评论: 0 | 引用: 1547 | 查看次数: 2518

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

二、写入整体层结构与CSS

  接下来我们在桌面新建一个文件夹,命名为“DIV+CSS布局练习”,在文件夹下新建两个空的记事本文档,输入以下内容:

查看更多...

Tags: Div CSS

分类:设计 | 固定链接 | 评论: 0 | 引用: 692 | 查看次数: 2499

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

一、页面布局与规划

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

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

查看更多...

分类:设计 | 固定链接 | 评论: 0 | 引用: 664 | 查看次数: 2486