Tag: 教程预览模式: 普通 | 列表

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

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

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

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

查看更多...

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

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

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

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



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

查看更多...

Tags: 教程 入门教程 asp/js

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

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

三、页面顶部制作(1)

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

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

查看更多...

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

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

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

二、写入整体层结构与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布局入门教程(一)

一、页面布局与规划

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

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

查看更多...

Tags: 教程 入门教程 asp/js

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