CSS 总结

jopen 12年前

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


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


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


一、总结图:

CSS 总结

二、重点知识介绍:


1、盒子模型

CSS 总结

padding:内边距

border:边框

margin:外边距


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


CSS 总结  


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

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


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

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


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


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


四、总结:

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

       

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

转自:http://blog.csdn.net/liu765023051/article/details/7729985