`
zyayyx85141
  • 浏览: 12199 次
文章分类
社区版块
存档分类
最新评论

如何高效的学习css

 
阅读更多
 

不知从何时开始,CSS开始为国人重视起来。许多人都开始学习CSS,但又不知从何入手,所以此文就是给那些初学者所写,带他们踏上CSS列车。

一. CSS学习重在方法!

学习任何东西都是一样,从小学、中学、大学,除了学习知识外就是去学习方法!

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

阅读一本书,一般来说第一次要先把整个书通读一遍,不理解的也要往下看,在往下看的过程中你也许会找到那个问题的答案。看完后你有一个大概的印象,但一定有很多不明白的地方,没关系,继续往下看。

第二遍你就要边看边做学习笔记了,把你认为是重点的部分写上,还有,你觉得有疑问的部分也要记下,带着疑问看下去,如果没有答案,你可以去BBS上发一个贴子,好心人还是很多的,提示一句:“一定要学会如何去问问题!” 这里就不说了。你还要上机去练习书上的例子,最让你困惑的:“一是记不住,二是对概念的理解有误(这一条可能是书译的不好,另外就是你的理解不对)”,对于第一条你就要树立信心,坚持再坚持下去。当你到达终点时你回发现一切都是顺理成章的事。因为你努力了,努力了就会有回报,有结果。

有好多人也看了,但是没有什么进步,分析主要有以下几个原因:

原因一:压力不够,因为有不少人比如美工学CSS,因为是看别人学,所以学之,不学就没优势!这样的压力是很小的,学不好还有美工这碗饭。

原因二:只是业余学习,这样学还只是玩一玩,因为你不一定非要以这门技术吃饭。

原因三:方法不对,有的人只是在看教程,但他不动手去做,我以前就是看的太多,做的太少,所以有了实践你才能把理论的东西揉进去。

二. 掌握CSS的四个学习阶段

学CSS可以分成以下几个阶段:

....................................................................

阶段二:想到了兼容性问题,但无法提前预防,只会修补问题,大量使用HACK技术(我对HACK技术只是知道,但用的很少)

阶段三:可提前预防BUG,但样式表中大量应用了ID,CLASS,CSS译过来是重叠样式表,比如“DIV P SPAN”。这句代码是标明DIV子元素中P的子元素SPAN,这样写就可以定义SPAN的样式了,不用在SPAN中加入CLASS了。这也就是CSS的优点所在,为什么不好好利用而一定要定义一个CLASS呢!

阶段四:这一阶段是最难的,良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS,这两方面以后一定会写专题来研究 .

 

原作者:http://www.verydemo.com/demo_c104_i32984.html

分享到:
评论

相关推荐

    高效学习CSS布局之道

    高效学习CSS布局之道:通过244个范例掌握网页样式与布局技术

    高效学习css布局之道 源代码

    高效学习css布局之道 源代码 高效学习css布局之道 源代码

    高效学习CSS布局之道244个范例代码

    此为《高效学习CSS布局之道——通过244个范例掌握网页样式与布局技术》一书的配套光盘,读者可自由取其示例文件做学习、研究之用。  CSS控制元素的大小;  CSS控制元素的定位;  CSS控制元素的布局;  CSS...

    高效学习CSS布局之道244个范例源码

    高效学习CSS布局之道,帮您更快掌握网页布局。

    高效学习CSS布局之道pdf

    高效学习CSS布局之道:通过244个范例掌握网页样式与布局技术

    高效学习CSS布局,高效学习CSS布局

    CSS控制元素的大小; CSS控制元素的定位; CSS控制元素的布局; CSS控制文本的显示; CSS控制列表元素的显示; CSS控制表格元素的显示; CSS控制其他元素的显示; CSS滤镜; 居中问题; CSS布局构架的建立; CSS布局...

    CSS布局之道

    CSS布局之道供新手下载学习CSS的各种技巧,欢迎新手使用!

    CSS高效开发实战——CSS 3、LESS、SASS、Bootstrap、Foundation

    《CSS高效开发实战——CSS 3、LESS、SASS、Bootstrap、Foundation》内容精练、重点突出、实例丰富、讲解通俗,是广大CSS设计人员和前端开发人员必备的参考书,同时也非常适合大中专院校师生学习阅读,也可作为高等...

    CSS层叠样式表学习指南

    各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页难以处理。 CSS 参考 连接到介绍CSS的规范和其它方面的...

    网页制作之CSS的菜鸟级 chm 参考教程.rar

    一本网页制作教程,关于CSS的简明教程,一方面介绍CSS学习的方法,方法大似气力,有了好的方法学习CSS既快速又有效;另一方面介绍学习CSS的四个阶段:  阶段一:不去想浏览器的兼容性问题的情况下能做出页面,但...

    vue 之 css module的使用方法

    最近学习webpack看到了一个新鲜的东西,之前都是通过scoped来区别类名,秉着任何时候学习都不晚的心情,作为小白的我也想揭揭css module的神秘面纱。 css module目的为所有类名重新生成类名,有效避开了css权重和...

    DIV+CSS_学习教程

    DIV+CSS_学习教程,程序猿快速掌握最有效的学习方法。

    Css基础(二).doc

    css的基础知识汇总,主要是讲述css的一些选择器种类,包括复合、兄弟等等,有效的帮助大家学习css样式表,掌握一些常见属性的设置

Global site tag (gtag.js) - Google Analytics