学习前端css经验分享

自己学习前端大概半个月了,零零散散,但相对与平时也是很不错的一段学习时间。

在写正式博客之前,做一下推广,我厂的前端工程师,开发工具现在都是这样的sublime(webstorm)+clam+yo+glup,好,就这样,具体作用,大家可以自行学习下,如有机会,下次会把自己的使用心得记录下,下面进入正题。

好吧,原谅我再啰嗦下,学习css,个人感觉进入前端前期,css比js复杂,也许js更像一门编程语言一些,我这段时间的学习经验是这样的,首先去学习一些css的基本布局,和布局中经常使用到的一些特征标签的使用,真正的理解每个属性原理,这很重要,感觉懂,不代表你懂,单个属性,简单网页你思路很清晰,网页复杂点,多个相关属性配合使用,你就会理不出头绪,一遍混乱,这说明你还没真正的懂,标签的使用不重要,理解常用的一些属性原理才重要,比如前端工程师必须理解的,position定位,盒子模型,css负值使用,浮动处理等,这些我感觉是这段时间使用过程需要重度掌握的,其次还有些是经验与技巧的积累,比如如何实现水平居中,垂直居中,分割线等等小技巧的东西,同时还包括如何一看到页面脑子里就有了整体的布局结构,如何用最好的html和简洁的css实现页面布局与效果,良好的html与css结构与编写规范,这段路,我还要走一段时间,除此之外,熟悉一些html5与css高级特性的用法,在当前也是很重要的,这个可以放到学些了基本html与css2之后去学习,当然这个过程中你也接触到css3与html5的一些高级特性,好了,上面是自己学习过程中的一些经历,下面照例奉献几遍学习过程中经常查阅和阅读的很好的一些博文。

http://zh.learnlayout.com/position.html
http://demo.doyoe.com/
http://www.html5rocks.com/en/tutorials/?page=1
http://www.w3.org/standards/semanticweb/
http://www.dreamdu.com/css/property_margin/
http://qilei.org/2010/css-about-absolute-layout-fix/
http://www.qianduan.net/css-and-meta-skills-understanding-of-css-page-layout-and-loading-process.html
https://developer.mozilla.org/en-US/docs/Web/CSS/display
http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/
http://www.iyunlu.com/view/css-xhtml/55.html
上面的博客都不错,对于上面我讲到的定位+盒子模型+负css+浮动都描述的很到位,关键还有demo辅以理解,感觉博主,同时还分享下自己学习过程的一个学习经验,也学习了很久,感觉很多东西自己理解了,但也不自信,如何检验一把,自己找几个小清新或者不是那么重的网站,自己对比着也实现一把,看看别人如何编写,自己又是如何处理,相信你肯定会有不少收获,才发现原来是这样实现的,检验真理的唯一标准就是去实战,多多实战,能帮你快速迈向一个专业的前端。
 
                                                  css篇
 

相关推荐