11 2013 档案

摘要:---恢复内容开始---1. 使用Reset但并非全局Reset(设置) 不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:*{margin:0;padding:0;}这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同,Reset并不是一成不变的,具体还需要根据项目的不同需求做适当的修改,以达到浏览器的兼容和操作上的便利性。我使用的Reset如下:/*清除内外边距 */bo 阅读全文
posted @ 2013-11-12 10:38 zengjs 阅读(461) 评论(0) 推荐(0)
摘要:根据网上的总结归纳大致发现这几条还是比较靠谱的:何时应当使用margin:需要在border外侧添加空白时。空白处不需要背景(色)时。上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。何时应当时用padding:需要在border内测添加空白时。空白处需要背景(色)时。上下相连的两个盒子之间的空白,希望等于两者之和时。如15px + 20px的padding,将得到35px的空白。个人认为:margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干;padding用 阅读全文
posted @ 2013-11-11 14:23 zengjs 阅读(286) 评论(0) 推荐(0)
摘要:background:url(images/hh.gif) no-repeat -10px 0;},作用是移动背景的位置.背影图片的左上角相对当前元素左上角的坐标。 右为X轴正半轴, 下为Y轴正半轴 当前元素左上角坐标为 0,0 默认图片的左上角正对当前元素的左上角 如果图片想向左移 10px; 复制代码代码如下:background:url(images/hh.gif) no-repeat -10px 0;} 如果图片想向上移 10px; 复制代码代码如下:background:url(images/hh.gif) no-repeat 0 -10px;} 同样 如果图片想向右移 10px; 阅读全文
posted @ 2013-11-01 10:45 zengjs 阅读(1016) 评论(0) 推荐(0)