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