摘要: <style type="text/css">.clearfix {zoom:1}.clearfix:after {content: '\20';display: block; clear: both;}</style>清除浮动的最简写法。\20是一个空白符,没有高度,所以不用加visibility:hidden.cf:before, .cf:after { content: ""; display: table; }.cf:after { clear: both; }.cf { zoom: 1; }bootstr 阅读全文
posted @ 2013-05-16 16:56 wannasing 阅读(168) 评论(0) 推荐(0) 编辑
摘要: JavaScript命名规范类型前缀全称实例数组aArrayaItems布尔值bBooleanbIsComplete浮点数fFloatfPrice函数fnFunctionfnHandler整数iIntegeriTemCount对象oObjectoDiv1正则表达式reRegExpreEmailCheck字符串sStringsUserName变体变量vVariantvAnything 阅读全文
posted @ 2013-05-16 13:10 wannasing 阅读(115) 评论(0) 推荐(0) 编辑
摘要: <style type="text/css">.text { width:100px; overflow:hidden;}.text-cut{ display:block; text-overflow: ellipsis; width:100%; /*ie6 写在一层的时候要用到*/ white-space: nowrap;}</style></head><body><h2 class="text"><span class="text-cut">我在哪里我的爱,为 阅读全文
posted @ 2013-05-14 09:52 wannasing 阅读(112) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript"> $(function() { $('.s03').click(function() { $(this).siblings().toggleClass('bred'); $(this).html($(this).html() == '订购' ? '取消': '订购'); }) })</script>jquery 里有一个toggle方法可以实现重复变化,如toggle,toggleClass等等。但是何判断一个 阅读全文
posted @ 2013-05-13 17:34 wannasing 阅读(127) 评论(0) 推荐(0) 编辑
摘要: <style type="text/css">body { width:580px; }div { text-align:center; }img { display:block; }span { text-align:left; display:inline-block; }</style><div><img/><span>文本内容一</span></div><div><img/></span>文本内容二</div>如上,当文本内容一很多少时 阅读全文
posted @ 2013-05-13 16:21 wannasing 阅读(557) 评论(0) 推荐(0) 编辑
摘要: <iframe style="position: absolute; z-index:-1; width:500px height:55px; top: 0; left: 0; background:red; scrolling: no; " frameborder="0" src="about:blank"></iframe> 精典的一个bug,解决方式如上,要注意几点问题1.div的高度如果太小的话会出现滚动条,应该是firame有一个默认高度!2.内部的元素最好也给一个宽高,大小如iframe一样,实现的 阅读全文
posted @ 2013-05-10 15:24 wannasing 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 特殊符号命名实体十进制编码特殊符号命名实体十进制编码Α&Alpha;&#913;Β&Beta;&#914;Γ&Gamma;&#915;Δ&Delta;&#916;Ε&Epsilon;&#917;Ζ&Zeta;&#918;Η&Eta;&#919;Θ&Theta;&#920;Ι&Iota;&#921;Κ&Kappa;&#922;Λ&Lambda;&#923;Μ&Mu;&#924;Ν&Nu;&# 阅读全文
posted @ 2013-05-10 10:58 wannasing 阅读(551) 评论(0) 推荐(0) 编辑
摘要: 1.var happy='huhu';alert(happy);//定义然后输出,no problem2.alert(happy);//没有定义,自然不ok3.happy='huhu';//直接给一个变量负值也是不会出错,因为这先当于创建了一个全局的变量。隐式声明了一个变量4.alert(happy);var happy='huhu';//happy==undefined;相当于。var haapy;-->alert(happy)-->happy='huhu';happy='huhu'//如果不写var 阅读全文
posted @ 2013-05-08 17:58 wannasing 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 一、IE边框若显若无,须注意,定是高度设置已忘记;二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;三、三像素文本慢移不必慌,高度设置帮你忙;四、兼容各个浏览须注意,默认设置行高可能是杀手;五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。八、图片链接排版须小心,图片链接文字链接若对齐,pad 阅读全文
posted @ 2013-05-08 16:19 wannasing 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 如何给一个title换行?<a href="###" title="其实吧,第一个都不容易">我一直都在</a><a href="###" title="你在哪里我的爱">另一种方法</a> 阅读全文
posted @ 2013-04-26 08:47 wannasing 阅读(151) 评论(0) 推荐(0) 编辑