站在DIV+CSS的顶端_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了站在DIV+CSS的顶端_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1877字,纯文字阅读大概需要3分钟。
内容图文
![站在DIV+CSS的顶端_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/396/687baa4071b4441783e21b18450fac48.jpg)
如果你是做Web开发的,那么DIV+CSS将是我们学习的基础,很多人认为DIV+CSS很简单,的确如此,一个好的程序员,几乎可以模仿出所有显示的网页,并实现非常炫的页面特效,给人耳目一新的感觉,我也经常为能够看到一个漂亮的网页而兴奋。但是如果学习停留的层次仅限于此,那么除了做一个码工还能干什么呢!
全局思考问题的意识
任何页面设计首先要做的就是用DIV设计框架,例如考虑页面整体上应该是什么样子的结构,是上、中、下三层,还是左、中、右三层,又或者只有其中的一部分等等。
这是top部分这是middle部分这是bottom部分这是left部分这是center部分这是right部分
尽管这已经成为了所有Web开发人员做网页的第一步,并且在此道路上混迹江湖很多年,但是这其中的智慧并不是所有人都会思考的。框架要求设计者有站在高处的思维,能够从全局的角度思考问题,而不是一味的在一个层次上勇往直前,否则你的设计将是眉毛胡子一把抓,既没有清晰整体的架构也没有明确的细节处理!
找到共同之处
完成DIV的框架设计之后,通常需要将页面元素进行分类,这样对页面样式的修改将会变得非常方便,比如常见的CSDN左侧的博客栏目都有他们共同的样式,这样当我们修改样式的时候,就可以尽可能的保证页面样式的统一,避免因样式不同而导致页面不堪入目!
按照这种方式,针对上述的DIV代码,我们可以将它的公有成分抽象出来形成类,而在每个div块中保留他们的不同部分,代码如下
这是top部分这是middle部分这是bottom部分这是left部分这是center部分这是right部分
其中提出的公有成分放在CSS文件中,具体如下:
.style1{ border:1pxsolid red; margin:1px;}
对于Web开发者来说,公有部分的抽取是菜鸟和大鸟区别的重要部分!这种思考方式放在学习上就是:将我们未学过的放在学过的基础上进行,这其中的智慧,对于你我而言其实比学习很牛技术更值得推崇!
再牛的技术也是看的见、摸得着的,只要想学、没有学不会的!但是思想的凝练却并不是谁都能做的,所以多思考、总结学习经验、提炼其中的方法才是各位朋友进步的捷径!
内容总结
以上是互联网集市为您收集整理的站在DIV+CSS的顶端_html/css_WEB-ITnose全部内容,希望文章能够帮你解决站在DIV+CSS的顶端_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。