写CSS_关于Border你可能需要注意的地方
更新时间：2007年12月11日 21:48:39 作者：
恩,这下对了,正好放下.
所以说:
边框是计算在width外边的. 是这样吗? 我们接着看下边的代码:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
如果你是用IE; 那么你会看他们间隔小了很多,FIREFOX应该和最开始的效果一样没有变化;
接着看最后一个效果:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这个里边两个小盒子都有边框,在宽度没有变的情况下,在IE中放下了. FIREFOX不会变的.
看代码区别,我少加了:
程序代码
<!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是不太可能的。多套一两层没有人会笑话，这些可以避开很多的浏览器兼容的问题。
相关文章
这篇文章介绍了一种通过CSS3实现的视差（Parallax）效果，这个效果通过在一个元素上叠加多个背景图片，并使用-webkit- transition-属性来实现。2009-04-04
Div CSS absolute与relative的区别小结
Div + CSS 进行网页布局，适当地运用 absolute 与 relative，能给布局带来意想不到的效果和方便，达到事半功倍…本文介绍了关于 absolute 与 relative 的运用。2007-12-12
这篇文章使用css实现隔行换色的方法，需要的朋友可以参考一下2007-11-11
用js实现的DIV+CSS编辑器代码...2007-03-03
模仿combox(select)控件，不用为美化select烦恼了。
模仿combox(select)控件，不用为美化select烦恼了。...2006-12-12
下面小编就为大家带来一篇学习小实例--滚动条的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
2008-01-01
推荐彻底弄懂CSS盒子模式(DIV布局快速入门)...2007-03-03
在做前端项目时CSS的水平居中我们经常使用，但有时还会用到CSS垂直居中，对于小白来说这个就有些难度了，下面看一下我是如何实现的2020-01-01
CSS3是现代Web开发中不可缺少的技术,提供丰富视觉效果和布局能力,CSS3引入新选择器、媒体查询、渐变、阴影、过渡和动画等特性,支持响应式设计和用户体验优化,兼容性和性能仍是挑战,未来将结合JavaScript实现更互动的效果2024-11-11
最新评论