自从做牛腩新闻发布系统的时候,就开始了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部分的知识,感觉上并不需要我们去太深入的掌握。因为如果我们要想做出非常好的网站,我们必须有一定的美术功底。并且,还有专门做美工的人在嘛。所以自己掌握尺寸吧。
我对自己的要求是能够做出来一般的网站,一般的别人写出来的代码能够看懂。原则是掌握的越多越好。我们现在做的是开发,谁知道几年后我们会不会继续做开发,将来的事情没有人能够说的准,所以说还是多掌握一点知识,胜算会更大一些。