`
xylong
  • 浏览: 190840 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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

 

 

 

 

0
0
分享到:
评论
1 楼 wukele 2014-07-04  

相关推荐

    狂神Java学习笔记————前端入门——html、css、JavaScript学习代码

    在学习过程中,笔记作者还加入了一些个人理解和扩展部分,这可能包括对某些技术点的深入探讨、常见问题的解决方法或者是实战项目的经验分享。通过阅读这些笔记,学习者不仅可以掌握前端开发的基本技能,还能了解到...

    前端基础学习分享源码

    【前端基础学习分享源码】是一个关于前端开发基础的学习资源,特别关注CSS这一重要的样式语言。这个资源可能包含了丰富的实例代码、讲解文档或者教程,帮助初学者或有经验的开发者巩固和深化对CSS的理解。 在前端...

    WEB前端工程师Web前端性能优化经验分享

    这篇经验分享主要涵盖了四个核心知识点,旨在帮助前端开发者理解和实践性能优化技巧。 1. 减少HTTP请求 HTTP请求是浏览器与服务器交互的基础,但每一次请求都会带来延迟和性能消耗。在资源加载时,合并图片(如使用...

    大学生生活网 前端div+css源码

    这个前端实例提供了实际的div+css应用案例,对于初学者来说,不仅可以学习到基本的网页布局技术,还能了解到前端开发的实际流程,有助于提升实战能力。通过解构和分析源码,可以深入理解网页布局的原理,为今后的...

    基于JavaScript、CSS和HTML的个人学习笔记和经验分享设计源码

    该项目是一个基于JavaScript、CSS和HTML的个人学习笔记和经验分享设计源码,包含119个文件。其中,JavaScript文件38个,CSS文件22个,HTML文件20个,SVG文件11个,GIF文件6个,PNG文件5个,JSON文件4个,OTF字体文件...

    CSS Hack 经验分享

    ### CSS Hack 经验分享:常见浏览器兼容性的处理 随着互联网技术的发展,浏览器之间的差异性逐渐成为前端开发者不得不面对的问题之一。特别是在早期的 Web 开发过程中,不同浏览器对 CSS 的支持程度参差不齐,导致...

    前端效果demo.rar_CSS3_DEMO_perfecttrl_前端_前端效果

    总的来说,这个压缩包提供了一个学习和实践CSS3动画的好机会,对于前端开发者来说,无论是新手还是有经验的开发者,都能从中受益,提升自己在网页动画设计方面的技能。通过解析和模仿这些DEMO,我们可以了解和掌握...

    前端体验设计——HTML5+CSS3终极修炼

    ### 前端体验设计——HTML5+CSS3终极修炼 #### 一、书籍概述 《前端体验设计——HTML5+CSS3终极修炼》是一部针对Web...无论是初学者还是有经验的前端开发者,都能从中获得宝贵的知识和灵感,提升自己的前端开发能力。

    前端项目-mini.css.zip

    8. **社区和维护**:作为开源项目,mini.css可能有一个活跃的社区,开发者可以在其中提问、分享经验、报告问题并参与代码贡献。持续的维护和更新确保了项目的稳定性和适应性。 9. **版本控制**:文件名中的"mini....

    纯前端实现坦克大战,HTML+css+javascript实现坦克大战.rar

    资源达人分享计划表明这是一个社区共享的项目,开发者愿意将他们的作品与其他人分享,促进学习和交流。对于初学者来说,这样的项目提供了实战学习的机会,可以通过查看源代码了解前端游戏开发的全过程。而对于有经验...

    CSS世界 张鑫旭 2017.12 Pg328 8元1

    总结来说,《CSS世界》是一本旨在帮助前端开发者深入学习和理解CSS的进阶书籍,它结合作者丰富的实践经验,通过系统化的讲解和实例分析,旨在打破CSS学习的瓶颈,引领读者探索CSS的广阔天地,提升技术水平,从而在日...

    SunLn的前端收藏夹,值得分享、学习的前端网站.zip

    【标题】:“SunLn的前端收藏夹,值得分享、学习的前端网站” 这个标题暗示了这是一个与前端开发相关的资源集合,由用户SunLn整理并分享。"前端收藏夹"表明这是他/她个人在前端开发领域积累的学习资料、工具或者...

    精通CSS第二版、CSS那些事、CSS权威指南 第3版

    书中可能包含了CSS选择器的高效使用、布局策略、性能优化以及前端开发的最佳实践。这样的实践经验对于初学者和有经验的开发者来说都是十分宝贵的。 最后,是经典的《CSS权威指南 第3版》。由Eric A. Meyer撰写,这...

    前端学习手册

    本手册旨在为初学者和有一定经验的开发者提供一个全面的学习资源,帮助他们提升前端技能,了解最新的前端技术和实践。 ### JavaScript JavaScript是一种解释型的、跨平台的脚本语言,主要用于增强网页的动态性。...

    包含js与css分享

    在“包含js与css分享”的资源中,我们有机会学习到如何通过这两种技术实现特效,从而提升网站的用户体验。无论是新手还是经验丰富的开发者,都应该持续探索JS和CSS的新特性和最佳实践,以保持与时俱进。

    前端笔记全套分享一学期

    在本套"前端笔记全套分享一学期"中,我们涵盖了前端开发领域的众多核心知识点,旨在帮助学习者系统地掌握前端开发的基本技能,并逐步提升至专业水平。以下是对这些笔记内容的详细解读: 1. **HTML基础**:HTML...

    前端学习资源整理

    这个名为"前端学习资源整理"的压缩包文件显然集合了多种前端技术的学习资料,旨在帮助初学者或有经验的开发者巩固和提升他们的技能。以下是对这些技术的详细介绍: 1. **JavaScript基础知识**:JavaScript是一种...

    前端资料分享,欢迎下载。

    综上所述,这份"前端资料分享"可能涵盖了前端开发的各个方面,无论是初学者还是经验丰富的开发者,都能从中找到有价值的信息。通过系统地学习和实践,可以提升前端开发的专业技能,更好地应对各种项目挑战。

    基于nodePPT的前端学习分享

    【基于NodePPT的前端学习分享】是一份深入探讨前端开发领域的学习资源,它通过使用NodePPT这一工具,为初学者和有一定经验的开发者提供了一条清晰的学习路径。NodePPT,是基于Node.js的一个PPT制作工具,它允许...

Global site tag (gtag.js) - Google Analytics