如何学习css+div

css的学习和其他的学习一样,都需要特定的方法才能比较快的去掌握它.要想掌握CSS, 首先要学会HTML,我刚开始是从零开始学习的,花了一个月时间学习HTML,没有老师,书就是我唯一的老师,也没有上网的条件!一个月过后,我就开始学习CSS,刚开始看的第一本CSS书是《CSS网页样式设计》看了几天后发现根本看不懂!,之后换了一本《HTML参考大全》,这本书是网页制作师的案头常备之书!之所以更换这本书来学习CSS,是因为这里面有一部分是CSS,就成了我的CSS启蒙书。看了几段后,觉得外国人写的教程很有条理,由浅入深,一步一步引领你向前走,让你明白他们在说什么,而不是象国内的书讲的深浅不一,缺乏条理,好象怕你不知道他很有学问!就象前面所说的那本书《CSS网页样式设计》当时看了,对于初学CSS的我来说,真的不知道它在说什么!

来谈一下学习过程中的细节,因为一个样式它是不可能脱离HTML页面的,HTML不与样式结合的话, CSS就失去了存在的意义。所以一般书中都会举一个例子,然后让你上机测试效果,这是笔者想让你有对样式表CSS有一个初步的印象,告诉你CSS能做什么。一个小例子:“麻雀虽小,五脏俱全”,你可能看不懂每一个语句的真正意思。但是你可以记得例子的模式,以后在实践中不断地用,不断用的过程就是不断记的过程,所以不能恢心,不能总认为自己记忆力不好,但不管你骑的是牛也好,千里马也罢,只要有恒心,一定会到达终点的。


有好多人也看了,但是没有什么进步,我分析主要有以下几个原因:
原因一:压力不够,因为有不少人比如美工学CSS,因为是看别人学,所以学之,不学就没优势!这样的压力是很小的,学不好还有美工这碗饭。
原因二:只是业余学习,这样学还只是玩一玩,因为你不一定非要以这门技术吃饭。
原因三:方法不对,有的人只是在看教程,但他不动手去做,我以前就是看的太多,做的太少,所以有了实践你才能把理论的东西揉进去。

掌握CSS的四个学习阶段,学CSS可以分成以下几个阶段:
阶段一:不去想浏览器的兼容性问题的情况下能做出页面,但页面里到处用TABLE的 模式DIV写出的页面。
阶段二:想到了兼容性问题,但无法提前预防,只会修补问题,大量使用HACK技术(我对HACK技术只是知道,但用的很少)
阶段三:可提前预防BUG,但样式表中大量应用了ID,CLASS,CSS译过来是重叠样式表,比如“DIV P SPAN”。这句代码是标明DIV子元素中P的子元素SPAN,这样写就可以定义SPAN的样式了,不用在SPAN中加入CLASS了。这也就是CSS的优点所在,为什么不好好利用而一定要定义一个CLASS呢!
 阶段四:这一阶段是最难的,良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS,这两方面以后一定会写专题来研究。

另外,要想学好CSS,要懂得用firebug插件。它会让你学习CSS更加轻松。firebug是 fireFox浏览器的一个插件。用它可以看到每个HTML标签应用到了哪些CSS语句,并且能够看到哪些CSS属性是直接定义到该HTML标签的,哪些是继承下来的。并且你能够在里面编辑CSS语名,编辑后的效果立马会在浏览器中显示出来。fireBug绝对是学习CSS的最好工具。

fireFox的Web Developer也是一个非常不错的插件。这些都是一个WEB前端开发者必备的插件。Web Developer能够验证你的HTML以及CSS等等一系列有用的功能。

css学习的网站:
http://www.blueidea.com/tech/web/index.asp
http://www.enet.com.cn/eschool/zhuanti/css
http://www.52css.com/
http://www.workcss.com/
http://www.aa25.cn/special/10day/index.shtml
http://www.divcss5.com/

你可能感兴趣的:(学习css)