1. 用CSS和DIV制作个人网页：

CSS和DIV是相结合，可以构建和强大的，现代，可扩展的个人网页，具有更好的可用性和可维护性。

（一）CSS的使用：

CSS是一种样式表语言，专为网页设计而设计，可以使网页更加美观，标准化而且容易编写。CSS可以按照网页设计师的要求来设置网页元素的大小，位置，颜色，图片，边框等多种属性。可以使用CSS和DIV创建层次更加丰富，结构更完整的网页设计，使个人网页看起来更有吸引力，更易于管理。

（二）DIV的使用：

DIV是一种页面布局工具，不仅可用于个人网页设计，也可用于页面布局。它使用HTML和CSS，div元素可以以标记方式将文本，图像，Table，条件，按钮和其他HTML元素组织在一起，如“层”或“模块”，这些模块是可以定制的，可以插入其他页面或替换的。

（三）用CSS和DIV制作个人网页：

将CSS和DIV结合起来制作个人网页十分容易。个人网页的布局可以通过使用DIV实现，而CSS则可以用来为各个部分指定样式。CSS可以使编写网页更容易，DIV可以使网页更加具有层次，这样就可以制作出一个完整的，功能齐全的个人网页。

一、CSS和DIV制作个人网页的基本步骤

1.利用HTML结构化文件：首先，我们需要利用HTML文件来结构化之后的页面，构建我们所需要的语义化结构和元素，比如分段元素

，标题元素

，列表元素，块元素

等等等；

2.编写CSS代码对页面布局进行美化：其次，我们要用CSS来定制它自身的样式，以便能够给元素定义背景色、字体大小、字体类型以及各种颜色附着等等，以此达到我们想要的颜色和样式；

3.利用DIV结构化文件：接着，我们要利用div元素布局结构，像布置一个框架一样，把文本元素、图片元素、视频元素以及其他一切网页元素都围绕div空间安排到各自相应的位置，最终形成整体的统一布局；

4.最后，你还可以把网页发布到互联网上，让其他的网页访客可以访问到自己的个人网页；

二、CSS和DIV布局网页的注意事项

1.利用DIV+CSS布局时，要避免使用表格布局：由于表格布局要消耗很多浏览器渲染时间，而由DIV+CSS布局所取得的布局效果可以完全替代表格布局，所以最好尽量避免使用表格布局，以免引起不必要的渲染时间浪费；

2.要尽量避免嵌套太多的DIV层次：比如不要嵌套八层的DIV，以免引起网页渲染开销和浏览器解析效率下降等问题；

3.不要使用超过9的DIV+CSS布局：大多数现代浏览器都支持超过9的DIV+CSS布局，但是这样多余的布局通常都没有太多的用处，而且会增加网页渲染开销，反而会降低浏览器实现效率；

4.要学会做浏览器兼容性测试：当我们把自己的网站布局完成后，要记得做一下浏览器兼容性的测试，以便确保你的网页可以在所有的主流浏览器上运行；

5.要注意DIV之间的尺寸关系：当使用DIV+CSS进行网页布局时，要注意各个DIV之间的尺寸关系，有时候几个DIV之间尺寸不同会产生布局上的不一致，从而影响整体布局的效果。

三、给DIV设置CSS

1.给DIV设置CSS，首先要找到相应的DIV；

2.接下来，我们要根据自己的布局来设置它的尺寸和位置，比如设置width宽度和height高度，以及left, top, right and bottom margin来控制它的位置；

3.其次，要正确的设置它的背景色、文字颜色、边界、内边距和外边距、对齐方式以及其他一些CSS样式；

4.最后，可以通过设置CSS的z-index属性来规定层的顺序，以控制它的显示顺序；

总之，要想使用CSS和DIV制作个人网页，我们要有一定的布局和美化知识，同时还要掌握HTML语法，以及正确地设置CSS样式，以得到我们想要的网页。