懒人改变世界

源地址：http://www.yzznl.cn/archives/225.html【原文】近年来在网站的链接中我们经常会看到类似rel=”nofollow”或rel=”external nofollow”的属性定义，有很多朋友并不明白它们的语义，今天园子就详细给大家分析一下rel 这个属性在网页中的用法。rel 属性是用来说明链接和包含此链接页面的关系，以及链接打开的目

一、诉说前言 before/after伪类相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛，不过貌似我们这边前端er们普遍缺乏使用这两个伪类的意识，要使用顶多也就是跟风的“清除浮动”应用。 我想，这可能受兼容性思维影响——IE6/7浏览器并不支持，还是等什么时候

css.eli {width:300px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis}html<div class="eli"><nobr>发生的发生大发生发生大发生的范德萨范德萨发大水发生的发的所发生的的飞洒发生的发送到飞洒地方第三方水电费是的发送到发顺丰</nobr></div>记得以前实现没这么简单的，

在父标签中使用滤镜filter:progid:DXImageTransform.Microsoft.gradient后，absolute的top，left，right，bottom的负值会被剪裁。

DD_belatedPNG.js是用来处理ie6中png透明背景的一个插件。ie6中处理png的插件很多，实现方式也是各式各样，不过这次不讨论哪个是最佳方案，只是单纯的分析一下DD_belatedPNG.js ( 以下简称DD ) 的实现过程。DD是通过VML (Vector Markup Language) 实现的, 通过在被作用的元素前面插入两个shape来模拟具体的效果。DD会创建两个shap

js快速开发包，首次应用于项目，大大的提高了开发效率，从此再也不怕弹层和分页一类的事情了，很多东西都简单化了，还是要利用空闲时间完善。本次开发中location.href把我折腾死了，在利用location来实现reload的时候还是有很多东西需要注意的，比如”#”，在链接中被认为是锚点去跳转的，也就是实际上并没有跳转。在使用js与as交互时，还是有很多东西需要注意的。swfobject的作用，除

以前也写过，很久以前了，写的很长，并且使用起来也不灵活。这次搞了个灵活版的。/* * SunPage --自定义分页类，仅获取分页的html代码，简单应用 * Sunbt 2015-5-4 * v1.0 * @param current_page int 当前页 * @param totle_page int 总页数 * @param take_num int 当前页左右携带页码数 *

现象：当两个空的块级元素嵌套时，如果内部的块设置有margin-top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin-top属性会绑架父元素（即将margin-top传递凌驾给了父元素）。就好比一个小兵，看到上级有漏洞，就假传圣旨，利用漏洞扩张自己的权利。只要设置父元素的border（栅栏）或者padding（隔离墙），就能管住这个调皮的下属。 #pa

今天做个页面，有个问题，就是空格和汉字的宽度问题，网上收集资料，如下：解决一：多打几个半角的空格，和汉字对应，资料如下一直以为是utf-8是宽字节的表示法，一般一个汉字是3个字节表示，所以utf-8的网页的空格是三个空格的宽度等于一个汉字的宽度。现在才知道不是，是字体所造成的，utf-8默认的是英文字体，对汉字的处理不是很友好，把默认字体设置为宋体就可以结局这个问题了，

渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较麻烦的，因为首先需要设计师进行设计，然后进行切图，在通过样式应用到页面中。另外，在实际应用中可扩展性差，还直接影响页面性能。值得庆幸的是

IE6下：如果是上面这种方式点击a标签动态创建iframe会出现创建的iframe显示空白。经过网上搜索，解决办法如下：办法一：直接删除href属性办法二：或者。   这种会出现另外一个bug,就是你单击A标签的时候页面会滚动到最顶部，在特殊的需求下此种办法不妥。办法三：转自：

为什么要用负值就不多说了，反正重复的使用

简单阐述一下这个bug的出现的情况。页面中有个这么一个a标签，swapImgSrc这个方法就是替换页面上一个img标签的src属性，以达到 动态切换图片路径的效果。但是，但是，在IE6这个浏览器下图片就不会显示，用鼠标右键点击图片应该在的位置选择“显示图片”才能看到图片内容。使用 httpwatch等神器可以发现新图片的加载被aborted的，aborted只会出现在加载途中页面被刷新或者重定

如果玩过条件注释的，可以忽略以下基础介绍。IE条件注释（Conditional comments）是IE浏览器私有的代码，是一个类似IF判断的语法注释块，IE5之上支持。代码看起来是这样的你正在使用IE6复制代码他的语法是一个普通的HTML注释 ，分支块以 [if 条件(conditional)]> 开始 直观的代码如

在查看微信页面源代码时，发现了一下代码<link rel="dns-prefetch" href="//res.wx.qq.com">凭借着自己闲着没事干的精神，我就搜了一下。DNS Prefetch也就是DNS预获取，是前端DNS优化中的其中一点，另外一点嘛，就是减少DNS查询的次数。浏览器支持情况：Firefox: 3.5+Chrome: SupportedSafari 5+Opera: