包田耘

面向对象--继承学习。

摘要：看了js高级程序设计。反复看就会比较好懂oo。但是目前还没有学会封装，待尝试待学习。今天学习了阮一峰的博文。继承一章。写得很易懂，收藏一下。http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html#comment-text对于文中提到的几个继承的方法。有神回复。觉得非常棒。特意makt一下：第一种：构造函数绑定，即用call(apply)把父对象的this指向改为子对象缺点：不能继承原型上的属性和方法; 第二种：prototype模式，即把子对象的prototype对象指向An... 阅读全文

posted @ 2013-05-13 11:33 包田耘阅读(144) 评论(0) 推荐(0) 编辑

关于浮动与html的排版关系

摘要：这是一个很奇妙的现象，更加奇妙的是我现在才注意到这个问题。浮动经常用了，就按照习惯来用，不会再去想其它的用法。下面是一段html代码。（啊啊啊啊，我终于懂得在这里插入代码的方法了。开心~）<div class="one"></div><div class="two"></div><div class="fr"></div>　它的样式如下，这样的的排版方法，会把浮动项，挤到下一行。<style type="text/css">div{ 阅读全文

posted @ 2013-05-10 18:39 包田耘阅读(134) 评论(0) 推荐(0) 编辑

关于line-height

摘要：关于line-height。平时你是否也一样。在写行高的时候只知道是写了行高，间距就会变大。但是你知道他的原理么？行高要怎么写才好？其实。浏览器计算和分配行间距的方法间距 = "line-height" – "font-size";文本上下分配大小 = 间距/2;字号 = 12px; line-height:3;间距 = 3*12 – 12 = 24(px);文本上下分配大小 = 24/2 = 12(px)文字间距就会是12*2=24px所以写行高还是写倍数的比较好。直接写20px会把行高给定死。当字体过大时，文字就会缩成一团。阅读全文

posted @ 2013-02-16 17:43 包田耘阅读(145) 评论(0) 推荐(0) 编辑

火狐下iframe至顶部出现间距

摘要：偶然的发现火狐对这个也会有问题。火狐在我心里一直像谷歌一样亲近。测试的时候我从来都是最后了才测一下他。一般谷歌可以了。他也差不多了。这次都上线好久了。才发现0.0..在页面插入iframe后。发现火狐下iframe里的body与iframe出现了20px的距离。只要在body下加<br style="line-height:0;">或者在body第一个元素上加清除浮动。阅读全文

posted @ 2013-01-31 16:42 包田耘阅读(272) 评论(0) 推荐(0) 编辑

ie6,7下背景色的魅力

摘要： message_box框出现闪动现像。如果在downA上加background:red;就不闪动<style type="text/css">.downA{position:relative; padding-right:25px; z-index:10; height:40px; width:30px; display:inline-block; cursor:pointer; }.downA strong{ font-weight:500; cursor:pointer;}.downA .message_box{display:none;}.show .m 阅读全文

posted @ 2013-01-08 18:13 包田耘阅读(159) 评论(0) 推荐(0) 编辑

div可直接加title

摘要：如何形容我此刻的心情。一口鲜血含在嘴里：是在哪里看的只有img加title才有效？是在哪看的！！！<div id="toolbar"><div class="backtop ico" title="飞到顶部去">返回顶部</div></div>成立！成立啊。阅读全文

posted @ 2012-12-01 11:39 包田耘阅读(753) 评论(0) 推荐(0) 编辑

火狐下label包裹两个表单元素bug

摘要：习惯写表单时在表单元素外加<label>标签包裹住，但发现在火狐下包裹两个表单元素，当鼠标指向点击第二个时，是第一个聚焦。查了下，label的用法。定义和用法<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。原来如此。所以火狐就会给它跳到第一个元素里去了。所以如果要包裹两个表单元素，就不要用label了阅读全文

posted @ 2012-11-21 16:45 包田耘阅读(211) 评论(0) 推荐(0) 编辑

IE6列表上下多余间距bug解决方法

摘要： <style type="text/css">*{ margin:0px; padding:0px;}img{ border:0px;}a{ border:0px; display:block; width:100%;}</style><body> <dl class="db"> <dd><a href=""><img src="images/lt1.jpg" /></a></dd> <dd>&l 阅读全文

posted @ 2012-08-20 10:04 包田耘阅读(138) 评论(0) 推荐(0) 编辑

IE6下的text-indent属性BUG解决方法

摘要：在ie下。设置了text-indent：-999em;之后再给一堆诸如宽度背景图之类的顺属性，是不会被显示出来的。加上一句_display:block;就可以显示了。具体请看连接~http://www.cnblogs.com/dp121/archive/2011/05/13/2045255.html 阅读全文

posted @ 2012-08-11 09:48 包田耘阅读(158) 评论(0) 推荐(0) 编辑

写table时一些bug

摘要：表格时要注意的几点：（着重ie6-ie7不兼容问题）在一些支持标准dom浏览器中，表格可以像div一样，肆意设置样式。但是ie6-ie7何止有问题，简直是问题重重：1.table是个排外的货。table不支持直接放置标签.在众浏览器下均如此偶遇一问题。发现直接在table里面直接加标签或者是不可以的。运行的时候会带着里面的内容私奔到整个table的前面。呀嘿，之前真没注意到还有这些个问题。网上找了一轮也没见个解决方法。结论，还是用原生的比较靠谱。2.在不支持position:relative;在众浏览器下均如此在没有设置任务position:relative;的时候。在标签内用position 阅读全文

posted @ 2012-07-27 16:41 包田耘阅读(249) 评论(0) 推荐(0) 编辑