div+css是网站标准（web标准）中常用术语之一,是一种网页的布局方法。下面就简单介绍一下div+css网页设计的基本技巧。
网页的合理布局既体现了设计者的有效利用,又考虑了用户使用的灵活方便。div+css网页设计是当前网页中比较流行的一种布局方式,通过该方式能够灵活有效的对网页进行合理的布局,对页面的内容进行美化处理。
div+css是网站标准（web标准）中常用术语之一,css＋div是一种网页的布局方法,可实现网页页面内容与表现相分离。通常为了说明与html网页设计语言中的表格（table）定位方式的区别,在xhtml网站设计标准中,不再使用表格定位技术,而采用css＋div网页设计的方式实现各种定位。
1、div+css网页设计出现问题立即检测
在网页设计出问题时,对原始代码做简单检测可以减少很多问题。w3c对xhtml与css都有检测工具可用。注意在文件开头,可能由于不当的结构等因素造成更多错误,建议先修复一些最明显的错误之后重新检测,这样也许会让错误数目爆减。
2、利用padding或border来避免边界重合
使用margin就能很轻易产生边界的重合。
3、div+css网页设计使用浮动功能时,适当清除指令
浮动是个危险的功能,未必会产生所期看的结果。碰到浮动元素延伸到外围容器的边框或其他不正常情况,先确定做法是否正确。
4、避免同时对元素指定padding/border及宽度或者高度
windows版ie经常导致width、height的计算问题。解决方法是：当母元素需要指定宽度或高度时,最好能够在母元素之内的子元素套用margin,还可以在子元素需要指定宽度或者高度时,在母元素套用padding以达效果。
5、div+css网页设计不要依靠min-width/min-height
windows版ie并不支援两种语法。但在某种程度下,ie可以达到相当于min-width/min-height的效果,因此只要对ie做点过滤功能,就能够可达到想要的结果。
6、先减少百分比避免网页出现问题
有时候某些错误会使50％+50％成为100.1％,使网页出现问题。试一试将这些值改为49％或者49.9％
7、div+css网页设计时记住“troubled”写法
border、margin、padding这三种简写语法都有特定顺序,从上方开始顺时针方向转动：top、right、bottom、left。因此margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。只要记住了“trouble”,就不会把次序弄错了。
8、只要不是零的值,都要指定单位
css需要您对每个font、margin等各种值指定单位。（唯一的例外是line-height）
9、在html文档中加入css
样式表可分为嵌入式样式表、外部样式表和内联样式表三种,在同一文档内可以同时使用三种方法。
以上就是网站制作时关于div+css网页设计的基本技巧介绍。
北京网站设计公司嘉纪商正凭借8年的网站建设经验，坚持以“帮助中小企业实现网络营销化”为宗旨，成功的为数千多家的中小企业实现互联网盈利，得到了客户的一致好评。如你有任何关于网站建设的疑问，请立即点击网站在线咨询嘉纪商正资深营销专家或拨打专家咨询热线：13121509100，我们会详细为你一一解答你心中的疑难
