CSS关于Border你可能会不注意的东西(2)

作者:zishu 来源:zishu.cn 时间:2007-10-20 13:50:00 

所以说:边框是计算在width外边的. 是这样吗? 我们接着看下边的代码:
[提示:你可先修改部分代码,再按运行]

如果你是用IE; 那么你会看他们间隔小了很多,FIREFOX应该和最开始的效果一样没有变化; 
接着看最后一个效果:
[提示:你可先修改部分代码,再按运行]

这个里边两个小盒子都有边框,在宽度没有变的情况下,在IE中放下了. FIREFOX不会变的. 
看代码区别,我少加了:border:1px solid #FF9900;

程序代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


如果不加(完全没有); 应该是按html3.0执行,这一点我不太确定。 

转一段:

DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

写出来就是友情提醒一下在写CSS千万把这个记住,如果页面比较要求不是相相相当的严格,计算时尽可能留出一点间隔来。这样即使有1px的边框,也不会对页面造成严重影响,1px还好一些,如果是10px呢,你的页面就完了。我比较倾向于:如果盒子有width就不要加padding,不加border是不太可能的。多套一两层没有人会笑话,这些可以避开很多的浏览器兼容的问题。

标签:border,css
0
投稿

猜你喜欢

  • 10点优化sql数据库技巧

    2008-06-09 15:00:00
  • asp使用XMLHTTP下载远程数据输出到浏览器

    2007-11-04 10:34:00
  • ASP 三层架构 Error处理类

    2011-03-16 11:06:00
  • Mysql触发器处理本表数据

    2010-10-25 19:56:00
  • 如何决定是否将登录内容保存到Cookie里?

    2009-12-16 18:54:00
  • ASP小偷(远程数据获取)程序的入门教程

    2007-09-21 12:48:00
  • 几个javascript显示加载进度条代码

    2008-01-19 10:52:00
  • ASP 操作cookies的方法

    2011-03-10 11:24:00
  • asp 得到动态数组中元素的个数

    2011-03-30 10:55:00
  • 百度首席设计师 用户体验部总监郭宇演讲

    2008-09-03 12:41:00
  • ASP名次排列函数

    2008-07-20 13:42:00
  • Mysql数据库名和表名的大小写敏感性问题

    2010-06-07 14:07:00
  • 最简洁的SQL多重查询的解决方案

    2005-09-12 16:31:00
  • 利用色轮选择颜色搭配[译]

    2009-10-31 18:24:00
  • QQ登录Banner之清明概念

    2009-04-15 11:41:00
  • JavaScript中的"类" 序言

    2008-02-18 13:26:00
  • 一个asp版XMLDOM操作类

    2011-04-19 10:50:00
  • Excel和Access之间的数据交换

    2008-11-20 16:53:00
  • javascript在线游戏:找相同的图片

    2008-03-12 12:18:00
  • 轻松掌握执行一个安全的SQL Server安装

    2009-01-13 14:03:00
  • asp之家 网络编程 m.aspxhome.com