学习前端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篇

 

 

 

 

 

评论

1 楼 wukele 2014-07-04