随笔分类 -  CSS

摘要:原文地址:https://github.com/hunterdang/MSB-UI/blob/master/base.css//base.cssbody{color:#333;font-family:meiryo,Arial,Helvetica,sans-serif;font-size:12px;height:100%;margin:0auto;padding:0;width:100%;}html,body,div,dl,dt,dd,ul,ol,li,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,c 阅读全文
posted @ 2012-09-03 13:54 贝加 编辑
摘要:字段自动截取并追加“...”.truncated { color: red; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 阅读全文
posted @ 2012-07-09 08:48 贝加 编辑
摘要:转载地址:http://hi.baidu.com/shiryu963/blog/item/633a46d3587a7cd7a8ec9a26.html标签元素的宽高值获取//绝对宽度Obj.offsetWidth//绝对高度Obj.offsetHeight页面窗口的宽度和高度获取<body><SCRIPT LANGUAGE="JavaScript"> var s = ""; s += "\r\n网页可见区域宽:"+ document.body.clientWidth; s += "\r\n网页可见区域高 阅读全文
posted @ 2011-08-30 17:20 贝加 编辑
摘要:CSS Sprites技术不新鲜,早在2005年 CSS Zengarden 的园主 Dave Shea就在 ALA发表对该技术的 详细阐述。原先只在CSS玩家之间作为一种制作方法流传,后来出来个 14 Rules for Faster-Loading Web Sites, 技术人员之间竞相传阅,其中第一条规则Make Fewer HTTP Requests就提到CSS Sprites。于是这个小妖精就火了起来,甚至出现了在线生成工具,势不可挡也。近来国内很多blog都提到CSS Sprites,最著名的例子莫过于 http://www.google.co.kr/ 下方的那几个动画。最新发布的 阅读全文
posted @ 2011-08-01 12:06 贝加 编辑
摘要:在进行CSS网页布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?一、IE边框若显若无,须注意,定是高度设置已忘记;二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;三、三像素文本慢移不必慌,高度设置帮你忙;四、兼容各个浏览须注意,默认设置行高可能是杀手;五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊, 阅读全文
posted @ 2011-03-19 13:20 贝加 编辑

点击右上角即可分享
微信分享提示