摘要: 1.css样式小技巧HTML怎样设定使背景图片不随页面滚动而滚动background-attachment:fixed;2.实现li a 超过长度内容出现省略号…overflow:hidden;white-space:nowrap;text-overflow:ellipsis;3.使用 line-height 垂直居中line-height:24px;4.清除容器浮动#main { overflow:hidden;}5.不让链接折行a { white-space:nowrap;}6. 使块元素水平居中margin:0 auto;其实就是 margin-left: auto;margin-rig 阅读全文
posted @ 2013-08-26 18:12 microsoftzhcn 阅读(343) 评论(0) 推荐(0) 编辑
摘要: html块元素和内联元素:对于html各种标签/元素,可以从块的层面做一个分类:要么是block(块元素),要么是inline(内联元素)。block元素的特点:总是另起一行开始;高度,行高以及顶、底边距都可控制;宽度缺省是它所在容器的100%,除非设定一个宽度。inline元素的特点:和其它元素都在一行上;高度,行高以及顶、底边距不可改变;宽度就是它所容纳的文字或图片的宽度,不可改变。块元素(block element) HTML标签分类明细address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是css layou 阅读全文
posted @ 2013-08-26 18:11 microsoftzhcn 阅读(8745) 评论(0) 推荐(0) 编辑
摘要: 怎么解决浏览器兼容性问题所有浏览器 通用 height: 100px;IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important;1.内外边距被统一:不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。因此如果想消除这种差距,应该在相应的CSS部分加入以下CSS代码:*{margin:0px;padding:0px;}借于此,所有标记的内外边距被统一起来。2.margin不一致的问题:当有多张图片需要排在一行时,我们通常使用“Float: 阅读全文
posted @ 2013-08-26 18:10 microsoftzhcn 阅读(5156) 评论(0) 推荐(2) 编辑
摘要: 高效率、简洁、CSS代码优化原则CSS学起来并不难,但在大型项目中,一个团队中不同的人在书写CSS风格上也有不同这样这个项目就变得难以管理,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:步骤/方法11. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:*{margin:0;padding:0;}这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。/* 阅读全文
posted @ 2013-08-26 18:09 microsoftzhcn 阅读(428) 评论(0) 推荐(0) 编辑