包田耘

摘要： DOCTYPE标签 -- 定义了标准文档的类型DOCTYPE标签是单独出现的说明：文档类型，会使浏览器使用相应标准加载网页并显示文档类型定义在HTML文档的第一行，在html标签之前文档不定义DOCTYPE，浏览器将无法获知HTML或XHTML文档的类型，因此会进入混杂模式DOCTYPE，简称为DTDs，是英文Document type的缩写，中文“文档类型”由此可见，如果不声明文档类型则会出现混杂模式。何为混乱模式？浏览器开发初期W3C倡导的网页标准并不流行，因此浏览器有独特的对网页标签或属性的解析模式，随着日后网页标准的流行，浏览器增加了对新标准的支持（Standards Mode），但又 阅读全文

摘要： 你是否也跟我有一样的困扰，写了好久的div却对dw新建文件头部的声明不甚了解？你是否对自己所编写的代码是html还是Xhtml有过困惑？好吧，你没有。我有。html，它是啥？HTML是用来制作网页的标记语言HTML是Hypertext Markup Language的英文缩写,即超文本标记语言HTML语言是一种标记语言,不需要编译,直接由浏览器执行HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀HTML是大小写不敏感的,HTML与html是一样的HTML是由W3C的维护的xhtml，它又是啥？XHTML是EXtensible Hype 阅读全文

摘要： 其间用到的是：1.右左两栏自适应高度： 如，左边需要以右边的高度为准，即"去适应"它，则设置左边padding-bottom:1000px; margin-bottom:-1000px; 如，右边需要以左边的高度为准，与上条同理 如，两栏都搞不清楚以谁为基准，可以两个都添加padding-bottom:1000px; margin-bottom:-1000px; 注：无论怎么，父亲标签都要设置overflow:hidden; 原因：我不知道2.左栏固定，右栏自适应宽度 其实应该就是触发两个元素的bfc？使之成为独立可操控的个体。但是在ie6中要设置margin-left:左 阅读全文

摘要： 你肯定用到过，但你可能从没听过这两单词，刚接触的时候，我实在无法把这两单词与我常作的行为连在一起，纠结了一个下午，我疯了。BFC(Block Formatting Context)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。有人做出很恰当的比喻：你可以把一个页面想象成大的集装箱，这个集装箱里装的货物就是HTML元素。在现实生活中为了避免不同人的货物相互混淆，都是把货物打好包装再装入集装箱，这样的话无论你包装里面的货物怎么摆放，都不会影响到其他人的货物。那么这个包装就可以被想象成Block Formatting Context。HasLayout 当一个元素的 ha. 阅读全文

摘要： 发现这些小东西经常要用到：做个笔记要用到就过来拿。效果图如下，每次滚动滚动条，漂浮始终滑到屏幕的中间位置。html，css如下：<style type="text/css">*{ margin:0; padding:0;}.wapper{ width:980px; margin:0 auto; background:#B9B7B7; height:1000px;}#rightFla{position:absolute; top:0px; right:0px; }</style><div class="wapper">& 阅读全文

摘要： 在ul下，直接嵌套div，在ie7以以前版本，会出现的状况是：div会被离它最近的li包裹住。请看dome<ul class="clearfix" > <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <div class="add">这一块在ie7及之前版本会被加载到文本为5的li里。 </div> </ul> <styl 阅读全文

摘要： 头胀胀的，看不下东西做不下事，那就写朵随笔吧。图片垂直居中，原理应该就是，其实我也不知道。手上两种方法，异曲同工，但是都兼容ie6的。 以上要注意垂直居中元素必须是内联元素。 .imgBox{ width:100%;height:400px; border:1px solid red;} .imgBox img,.imgBox i{display:inline-block; vertical-align:middle;} .imgBox i{height:100%} 阅读全文

摘要： 1.用标签写，定位在input上，让它单击和input获焦上都消失。比如制作一个最常见的，input初始值，一般以前，我都只是写在input的value里。但是某天开发说，这不行，会传值七七八八%……@剩下的只能意会不能言传了。所以，要把初始值单独写出来，于是我比较傻逼，就用标签写，定位在input上，让它单击和input获焦上都消失。一定要牢牢记住的单词。网上那堆，如果你看都不看就直接制作过来用的话，你就特么的是全天下最特么傻逼的人了！！我现在打字双手还在颤抖，实在无法原谅自己，那么微小的错误。对于一个懒人，又笨人。还是把正确的单词放在自己能想得到的地方吧。previousSibling 查 阅读全文

摘要： inhmtl.indexOf(str);返回str第一个字符串在inhtml里出现第一次的位置索引，str可支持中文。如果没有找到str相应的位置，则返回-1.如果在inhtml的最开始则返回0.Matching={ array:['祝福','活动','规则'], mate:function(bb,i){ if(bb.innerHTML.indexOf(this.array[i]) != -1){ alert(this.array[i]); } }}window.onload=function(){ var myId=document.getEl 阅读全文

摘要： 单击复制文字的js。找了很久，由于之前没有接触过，完全不知道兼容ie及标准dom浏览器，不仅仅要通过js，而且需要flash的帮忙。clipboard.swf这个在网上都有下载.ie允许访问剪贴板。window.clipboardData可以访问但是标准dom。看了一些文章说的都是用flash设置隐藏。但是flash10是不支持。但是，还有个方法是可行的，固记录一下，以下方法支持标准dom. (function () { window['Util'] = { CACHE:{}, getText : function(){ return Util.CACHE.CL... 阅读全文