必威体育Betway必威体育官网
当前位置:首页 > 网络营销

网页div css布局模板

时间:2019-03-27 04:41:02来源:网络营销作者:seo实验室小编阅读:74次「手机版」
 

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

相关阅读

div 可滚动但不显示滚动条

(原)首先有3个p,第1个,固定大小是200*200(单位为px,下同)第2个,不固定大小,其大小要用第3个p把个撑开,但是这个p必需要有滚动条,第3个,固定大

div 如何加滚动条

p 加滚动条的两种方法: 一、 <p style=" overflow:scroll; width:400px; height:400px;”></p> 记住宽和高一定要设置噢,否则不成的

CSS3属性选择器及伪类选择器

CSS3相比CSS2在选择器中增加了通配符的概念,赋予其强大功能。 E[attr^="val"] 定义了属性attr,并且以val开头的任意字符串 E[att

关于QtGraphics编程的几点经验总结_qgraphicsscene

转载自:http://www.niubb.com/riji/2015/10-01/12524.htmlQtGraphics模块用于显示二维的图形图像,所以三维的事情就不要找它了,应该

css 如何让图片居中图片适应

前段时间做移动端开发遇到的问题,以前是没注意到css有个object-fit属性,一直对图片适应不知道何从下手。移动端基本上都是需要做图

分享到:

栏目导航

推荐阅读

热门阅读