WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
网站地图 加入收藏 设为首页
您的位置:本站首页>>DIV CSS HTML>>浅谈网页制作模型,网页盒子模型,DIV盒子模型

浅谈网页制作模型,网页盒子模型,DIV盒子模型

[ 录入者:91ctc | 时间:2011-11-23 04:36:17 | 作者: 91ctc| 来源:本站原创 | 浏览: 次 ]

    前段时间群里一个哥们被国外一个大公司喊去参加电话面试,这哥们面试前端开发工程师岗位,对方问了几个问题,他说回答的不好,并在群里举了一些问题,对方问了这么一个问题,“IE盒子模型和火狐盒子模型有什么区别?”,当时我一看,妈呀,真专业,我曾经搞了一年多的网页设计与制作,现在还几乎每天都在与页面打交道,写过N行前端页面,从来没接触过啥“盒子”,也许是我OUT了,或者是我这个网页设计人员不合格吧。

    后来查了一下资料,专门去寻找“盒子模型”的概念,可惜都没找到系统的、精准的定义,但是大家普遍认为“盒子模型”就是DIV+CSS布局的一种方式,程序中有设计模式,那么网页设计中就有模型,哎,看来我确实不合格。

    我仔细回忆了一下,虽然不知道概念,但是我却每天都在用,我写前端代码,考虑到布局的需要,也在使用那个所谓的盒子模型,只是不知道这个东西还有如此专业、高级的名称,哈哈。

    有人质疑,楼主都不知道啥叫盒子模型,那楼主之前写出来的代码怎么保证同时兼容IE和火狐呢?这问题问得好,可惜我是冤枉的,虽然不知道概念,但是只要用心写,写出来的代码确实不存在那么多的兼容性问题。经常在一些贴吧和论坛里看到很多人骂微软的浏览器如何如何垃圾,埋怨火狐浏览器如何如何变态,其实,我们不能把全部责任推给浏览器开发方,我们首先要从自己身上找原因,仔细修改自己的代码,所有问题都可解决。

    这里,总结一些经验和技巧,为大家制作网页提供一些实用性的建议:

    1、所谓的DIV“盒子模型”,其实就是你们每天都见到的DIV+CSS代码组合而成的一个抽象出来的“盒子”,DIV,在Dreamweaver中被称为“层”,一个层就相当于一个“方盒子”,这个“盒子”里面可以放置为何网页元素;

    2、好的“盒子模型”,就要考虑到这个“盒子”的所有属性。比如,“盒子”的宽度、高度、边框宽度、外边距大小、内边距大小(内边距在Dreamweaver中被称为“填充”、在CSS的参考手册上被称为“补白”);

    3、写网页代码,用到了DIV,那么就请时刻考虑边框和边距这两个属性,因为边框和边距设置不当,很容易造成溢出、错位等现象;

    4、尽可能使用大众化普遍的标签和样式,不要特殊化,特殊化的属性,主流的几种浏览器不都是支持

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号