自从做牛腩新闻发布系统的时候，就开始了CSS的学习。CSS这部分知识并不是孤立的，它与JavaScript，与XML，与AJAX等都有着密切的关系。在制作网页的过程中，CSS就是充当一个化妆师的角色，它能够让我们制作出各式各样的网站。

        同时，CSS的诞生，使得在开发时把网页的主干与修饰部分分离开来，使网站的整体结构非常清晰。这种分离的思想就好比我们开发一个系统，要用分层思想去把系统分割成多个层，它们的思想是一致的。不过，使用css与系统分层也有很大的区别，这里不做过多介绍，大家有兴趣可以自己思考一下，或者课下找我讨论一下。

        下面我将分为四个部分展开本文的介绍。

一、总结图：

二、重点知识介绍：

1、盒子模型

padding：内边距

border：边框

margin：外边距

       盒子模型的难点是抽象于比较空泛的知识。网页设计中的每个元素都是长方形的盒子，在firefox浏览器中，可以通过firebug很清晰的看清楚任何盒子模型的数值。

 

2、CSS定位固定宽度且居中版式

在设计界面的时候，我们通常是用div将网页内容分成块儿，然后设置body的text-align的属性为center，设置所有内容为居中；接着在container中固定为某一宽度，最后再设置container的text-align属性为left，这时，文字的对其方式应该改为左对齐。这便是固定宽度且居中的版式。

三、学习这块儿知识的体会：

1、我们做利用div+css制作网站的时候，我们最好是找一个参照的网站，我们借鉴它的排版，及其样式设计，将这些融入到我们想要完成的网站中来。

2、颜色搭配，长度计算不好。开始做网站，总是会遇到各种各样的问题。尽管从整体上看，web网页设计就分那么几块儿，可是正真做起来，总是有力不从心的感觉。这可比cs项目复杂。

3、由于基础知识很多很多，记又没法记。所以我们只能是在做的过程中慢慢去深入认识。

四、总结：

       其实，我们做开发的，CSS部分的知识，感觉上并不需要我们去太深入的掌握。因为如果我们要想做出非常好的网站，我们必须有一定的美术功底。并且，还有专门做美工的人在嘛。所以自己掌握尺寸吧。

       

       我对自己的要求是能够做出来一般的网站，一般的别人写出来的代码能够看懂。原则是掌握的越多越好。我们现在做的是开发，谁知道几年后我们会不会继续做开发，将来的事情没有人能够说的准，所以说还是多掌握一点知识，胜算会更大一些。