注册本站  论坛  繁體中文

慧民电脑芯片级维修-电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> HTML >> 网页设计正文

CSS网站布局的八则技巧

文章来源:网页教学网 作者:佚名 更新时间:2008-9-22 12:49:10 【 】 【加入收藏
  进入网络咨询平台

1.若有疑问立即检测

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

2.使用浮动功能时记得适当清除指令

浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。请参阅52CSS.com网站上的教学。

3.边界重合时利用padding或border来避免

您可能会为了一点不应该出现的空间而焦头烂额,或者您需要一点点空间时,怎样都挤不出来。如果您有用到margin,那么很容易产生边界的重合。

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.记住“TRBL”写法

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

8.只要不是零的值,都要指定单位

CSS需要您对每个font,margin等各种值指定单位。

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     最简单的“开始”菜单效果
     geom加bitmapdata类打造超酷鼠标跟随效果
     AS3:图像裁剪
     Flash打造小球的弹性碰撞
     as3运用:点击图片取色
     as制作:可拖动单元格的菜单
     利用BitmapData类制作FLASH 3D相册
     使用Flash MX过程中的3个小技巧
     使用AS3自带函数进2/8/10/16/32进制互换
     flash制作字母变换效果
    最 新 推 荐
     13种常用按钮、文本框、表单等CSS样式
     CSS制作很漂亮的文字滑动效果
     用CSS改变的图片由模糊到清楚的导航
     用Class组合实现Div+CSS布局
     css布局实例:网页布局的方法
     CSS实战:美化段落文本之首字下沉
     几个经典的css技巧
     用CSS控制浏览器滚动条样式源代码
     最好的CSS资源
     危险,你敢点击吗?
    相 关 文 章

    Flash CS3教程:绘制小奶瓶图标
    13种常用按钮、文本框、表单等CSS样式
    CSS制作很漂亮的文字滑动效果
    用CSS改变的图片由模糊到清楚的导航
    用Class组合实现Div+CSS布局
    css布局实例:网页布局的方法
    CSS实战:美化段落文本之首字下沉
    几个经典的css技巧
    用CSS控制浏览器滚动条样式源代码
    最好的CSS资源

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    门市地址:广东省佛山市南海区黄岐黄海路133号
    本网站所有内容未经许可不得转载或做其他使用