北京网站建设多年网站建设经验,依托强大的服务优势,为您提供专业的北京网站建设服务

当前位置:首页 > 北京网站建设 > CSS精粹之布局
北京网站制作 网站建设公司 网站搭建 网站制作公司 企业建站 网站设计公司 网站开发 网站设计 北京网站设计 网页设计公司 常见问题 高端网站建设 企业网站建设 品牌网站建设 网页设计模板 网页设计与制作 网站建设多少钱 网站设计与制作 网站建设费用 做网站 做网站公司 高端网站设计 网站建设方案 网站建设制作 北京网站建设 网站建设知识 网站建设优化 网站建设空间 网站建设备案

CSS精粹之布局

作者:鹏飞网络   时间:2009-4-9   分类:北京网站建设

=======================先建设网站后付款,北京网站建设工作室=================================

1.若有疑问立即检测
   在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见http://validator.w3.org 请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些明显的错误之后重新检测,这样也许会让错误数量爆减。

2.使用浮动功能时记得适当清除指令
   浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。请参阅Eric Meyer在Complex Spiral Consulting Web网站上的教学。

3.边界重合时利用padding或border来避免
   您可能会为了一点不应该出现的空间而焦头烂额,或者您需要一点点空间时,怎样都挤不出来。如果您有用到margin,那么很容易产生边界的重合;Andy Budd在他的网站上解释了可能的做法。

4.尝试避免同时对元素指定padding/border以及高度或宽度
   Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题,但如果母元素需要指定高度与宽度时,比较好能够在母元素之内的子元素套用margin,或者当子元素需要指定高度与宽度时,在母元素套用padding以达效果。

5.不要依赖min-width/min-height
   Windows版IE并不支援两种语法。但是在某种程度下,windows版IE可以达到相当于min-width/min-height的效果,所以只要对IE做点过滤功能,即可达到您想要的结果。

6.若有疑问,先减少百分比
   有时候某些错误会使50%+50%成为100.1%,使网页出现问题。这时请尝试将这些值改为49%,甚至49.9%

7.记住“TRouBLed”写法
   Border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left.所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记住“TRouBLe”,您就不会弄错次序了。

8.只要不是零的值,都要指定单位
   CSS需要您对每个font,Margin等各种值指定单位。(唯一的例外是line-height)