发布时间:2017-04-18 11:26:28作者:知识屋
快速学习css的6个方法 怎么才能学好css 要怎样才可以快速学习css呢,更深入的学习css呢,下面小编告诉你快速学习和深入学习css的方法。
快速学习css的6个方法
1、掌握HTML
要想学会CSS,首先必须掌握HTML,如果你没有学会HTML,那么你将无法有效使用CSS,因为他们是相铺相成,缺少了HTML的CSS是毫无意义的。HTML的学习是非常的重要,以至于你需要花费一半的学习时间在里面。
2、CSS概念
在学习CSS之前,首先要了解CSS是什么,为什么CSS是如此重要,在了解CSS基本概念后,你将能理解到网页设计中CSS扮演着什么角色。
3、CSS基本语法
所谓无规矩不成方圆,CSS基本语法的分为3部分:CSS选择器、CSS选择器声明、CSS的继承,这3部分是CSS的精髓,始终贯穿在编写CSS之中。在CSS语法学习中,我们会面临同一种结果却有着多种表达方式,这时要根据页面的需要采取合适的表达方式来实现。当我们对CSS有所理解时可以使用CSS缩写,这样可以精简CSS代码,降低CSS文件大小,提高网页打开速度,同时能使代码更加通俗易懂,
4、CSS兼容性
由于每个浏览器都有其默认的CSS,所以不同的浏览器下有着不同的显示效果。在我们开始编写CSS代码时,对CSS没有深入掌握的情况下,难免会犯下对浏览器兼容不一致的问题,这要求我们在编写CSS代码时,最好在两个不同的浏览器上进行预览,以便及时调整各个环节,通过这样不断的预览测试,发现然后解决问题来快速的掌握CSS在不同浏览器下的兼容性。
5、CSS工具
好的CSS工具不仅有助于帮助你学习CSS,而且还可以帮助你提高编写CSS代码的效率,当然你也可以使用Dreamweaver或者使用纯文本编辑器如记事本来编写,这取决你的习惯,正所谓萝卜白菜各有所爱。
6、利用各种渠道学习
学习CSS不要一味的埋头苦干,多去CSS相关的论坛和博客逛逛,要做到不耻下问,多听听前辈的讲解。还要多参考其他著名网站的CSS代码,毕竟都是些CSS高手写的代码,代表CSS代码的规范和一些前沿技术,这样对我们快速掌握各种CSS技巧并运用到实际编写中,是有很大好处的。
学习CSS是一个循环渐进的过程,面对学习CSS过程中可能会遇到这样那样的问题,所以心理要有准备,碰到难点时多查,多问,多实践才能发现和解决问题。有人说CSS很难,有人说CSS很容易,难与容易取决于自身的学习态度,因为学习态度决定一切
如何深入学习css
学习CSS有了一定基础后,有的人会觉得好象没有什么学的.因为知道一些基本的理论性的东西.CSS说它容易是因为它的知识点有限.说它难学就在于各浏览器对CSS的支持程度不同.
如何深入学习我给出以下几点见意:
1.去找机会多做一些项目,公司的,或是外包的,哪怕你没有人民币挣也要做.
这一条并不是多做就会好有的效果,有的人做的项目不少总是按着老的思路去做,做了很多,水平也不会有太大的提高,提高的也只能是熟练度.每一次在做的过程中要学会去思考,看看我们有没有更优化的的方法去实现同一个效果.多说一个题外话:有一个错误的观点认为HACK是不好的.想法也是错的.我们在做页面时原则是不使用HACK,但是如果在特别需求上有时还是要使用,前提是你不用HACK不行,一些人的能力有限,所以他没有办法了就用HACK,很多时候可以换个思路就可以不用HACK.多说了这一点儿.要做完项目时遇到了新的问题,一定要做笔记下来,以后忘了也可以知道在哪能查到这个问题.
2.多去BBS,这样可以多看看一些别人项目中遇到的问题.这是一个日积月累的过程,你看的东西多了.掌握的多了,因为你做的项目是有限的,不可能把所有的问题都遇到,别人遇到的你去思考,看如何解决.或看其它人如何解决这个问题的.当你在项目中遇到这个问题,你就可以不用在多费时间就几钟的事了.有经验与没有经验的区别也就是这一点,有经验的人不是天才,是他做的东西多了,一看就明白知道如何解决.而没有经验的人会现想这个问题如何解决,那可以要花好多时间的.
3.多看一些国外的好的CSS网站,CSS代码是公开的,可以很方便的看到.分析他们的页面和CSS.从好的网站你会学到很多东西,和你已有的一对比,你会发现他们的思路要比你开阔的多,也优秀的多.
在学的过程中都会经历过几个踏步不前的状态,每提高到了一个小阶段会觉得没有什么学的,这种情况是正常的.是因为你的学习思路受限,但在这个不前的这个时期过了之后你一定会发现你要去学的东西的,然后你又会有一个新的止升阶段.
2013-02-18
CSS中marker-offset的使用方法
IE6-8 filter双重滤镜bug的相关详解!
css3中如何让多余的字符串消失并附加省略号的方法
CSS实现段落首行缩进的代码
CSS中使用expression完美设置页面最小宽度(兼容ie)
[前端笔记] border:none;与border:0;的区别
用css实现透视效果
css教程之绝对定位使用详解
CSS实现背景图片不规则的导航菜单