在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。 下面，我们需要根据构思图来规划一下页面的布

1.css的概述 1.问题 HTML属性修饰有一定局限，是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点：将css样式定义在HTML标记中 语法：<ANY 样式声明：用样式属性和值组成（属性:值;） 常用的样式属性： 1.颜色 属性 ：color 颜色 取值：颜色英文名 2.背景颜色 属性：background 取值 ：颜色 3.设置文字大小 属性：font-size 取 值：数值 px （pt） 2.内部样式 在网页独立地方声明所有样式 在头元素中

我们在做导航条的时候，通常使用的办法是用一个盒子包住一个无（有）序列表的办法

比如有如下所示HTMl代码： 复制代码代码如下: 我居中了 我居中了 我居中了 我居中了 我居中了 当做的是水平导航条时，有以下三种办法： 1、对ul使用"text-align: center;"的办法，然后把li转换为inline元素，设置内外边距可以得到效果，代码如下