div css 学习
最近有一个同学想学网页前端,自己去做一些网站,总是布局变形跑过来问了,问多了就很烦,都是同一个问题,并且完全自己能够解决的,还要问?
所以归纳一下自己学习CSS+DIV布局步骤,如下:
一、认清学习的要求
1、弄清目的,首先要认识为什么要学习CSS?
2、心态不能急,如果你很急躁,否则会很快丧失兴趣。
3、坚持,这个不是一到两天的事情,是一个漫长的过程(至少两个月)。
二、基础学习
1、了解CSS作用是什么?(即CSS、html和js的关系是什么,html结构重要性)
2、css基础知识、css属性样式
3、html
上面几点,一般都是很快的掌握了,也不需要做到精通,了解大概就可以。
差不多时候,开始在网上找一些psd设计稿,自己做做看,做完之后发现问题,并把他们总结,不要要遇到一个问题就问一个,其实好多问题,是你自己马虎,还有你做着做着,就明白是怎么回事,如果真不明白也不要急。
三、学会分析别人网页布局
当你做psd设计的代码,发现问题,可能找不到答案或没有人帮你回答,也不要急,这是最好看看别人网页布局结构,主要html布局框架,让后借鉴(网上还有很多结构代码很槽糕),也的学会鉴别。了解美工图如何分析、如何使用PS工具切出需要素材、如何使用这些切出图片素材进行布局、布局技巧、兼容性解决与避免等。
总之:就是让自己布局时候能知道大的布局结构如何布局,建立布局思想与技巧。
四、代码的规范
看完别人很多网页代码之后,你发现,他们都有规范,这些规范网上有很多,你需要总结和背诵,当然不是死记硬背,主要在切图多做多实践,熟了就能记住。
我们有的老师,可能说没必要那么规范,技术到位就可以。可是到了工作,你就会发现很不现实。你自己也得想明白,前端人员水平差距是很大,这就是他只能在这个小地方当老师。
五、大量练习
练习是从始到终的,不要断,即使找一些简单的网页进行布局实践,开始可能开发很慢,会遇到很多小问题,也不急。
最后总结
这个是没有讨巧的过程,网上什么速成,适合自己、靠谱吗?开始学习吧!多学点总是有好处的
文/丁向明
做一个有博客的web前端自媒体人,专注web前端开发,关注用户体验,加我qq/微信交流:6135833
相关阅读
(原)首先有3个p,第1个,固定大小是200*200(单位为px,下同)第2个,不固定大小,其大小要用第3个p把个撑开,但是这个p必需要有滚动条,第3个,固定大
p 加滚动条的两种方法: 一、 <p style=" overflow:scroll; width:400px; height:400px;”></p> 记住宽和高一定要设置噢,否则不成的
CSS3相比CSS2在选择器中增加了通配符的概念,赋予其强大功能。 E[attr^="val"] 定义了属性attr,并且以val开头的任意字符串 E[att
关于QtGraphics编程的几点经验总结_qgraphicsscene
转载自:http://www.niubb.com/riji/2015/10-01/12524.htmlQtGraphics模块用于显示二维的图形图像,所以三维的事情就不要找它了,应该
前段时间做移动端开发遇到的问题,以前是没注意到css有个object-fit属性,一直对图片适应不知道何从下手。移动端基本上都是需要做图