摘要：当a标签使用及href="#"时，就相当于跳到锚点链接href="#top"，，所以在页面过长时，会返回到顶部，体验之不好，自己感受。于是市面上出现了几种常用的防止a标签href跳转的做法：javascript:;javascript:void(0)href="####"javascript:void(0)是javascript的操作符，会计算一个表达式，但不会返回值，当用户点击链接时，void(0)计算为 0，但在 JavaScript 上没有任何效果。当然也不会改变当前页面的任何内容。与javascript:;的区别：不祥但是这两
阅读全文
摘要：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
阅读全文
