易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS的盒子模式(Box Model)

      CSS 中有个重要的概念,就是盒子模式(Box model)。
      盒子里由里至外依次是:
content 内容(比如文本、图片等)
padding 内边距
border 边框
margin 外边距
      padding属性用来设置元素内容到元素边框的距离。
      border属性用来设置一个元素的边线。
      margin属性用来设置一个元素所占空间的边缘到相邻元素之间的距离。
      CSS背景属性指的是content和padding区域。
      CSS属性中的width和height指的是content区域的宽和高。


相关文档:

CSS盒模型详细讲解

CSS 盒模型
  网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
  
  如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
  这个图表很好地展示了作用于页面上任意盒子的数值。
  
  注意以上两个例子中,margi ......

CSS中的margin与padding有什么区别呢

margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
设置padding 他所占据的空白地方是在边框里面
而且在IE6 一下的版本中 存在这padding 计算错误的BUG
CSS 的宽度属性本来是不包含padding的 但是 在ie下面有的时候宽度是包含padding 所以 建议在不熟悉CSS 在定位 ......

CSS下拉菜单

这是一个标准的CSS下拉菜单制作教程,有针对目前流行的IE6/IE7/IE8不同版本的CSS代码,因此可以在IE之间完全兼容,不过其它的浏览器像火狐/GG浏览器之类的没有测试,如果兼容IE8的话,那么兼容火狐应该问题不大吧。菜单使用蓝色基调,滑向二级菜单更换背景,操作的感觉很舒服。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......

CSS公用文件

由于各浏览器的默认CSS样式不一样,我们必须写一个CSS Reset统一起来。
通常我的做法是在common.css里写全局控制,这里面也包括header和footer,其它CSS文件就通过@import url(”common.css”);引用。
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-family:Ari ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号