摘要： 绝对定位absolute的官方定义： 设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 在官... 阅读全文

摘要： 第一步： 利用图标工具（有很多）制作图标文件（favicon.ico）上传到网站所在的服务器的根目录下，这个文件必须是16*16大小的图标文件。 第二步: 在之间添加下面的语句： 1 根据亲测，在IE中"rel"属性还得添加"shortcut",才能正常显示。1 测... 阅读全文

摘要： 在运用鼠标移入移出事件时，一般有两种做法，一种是DOM事件的"onmouseover"和"onmouseout"，还有一种是css的伪类":hover"。 在实际运用中如何选择，取决于清楚明白的了解他们之间的区别。 HTML DOM 允许 JavaScript 对 HTML 事件作出反应。... 阅读全文

摘要： HTML文档中一切都是节点！ 整个文档是文档节点； 注释是注释节点； 每一个HTML元素都是一个元素节点； 元素内的文本内容是文本节点； 连元素的每一个属性都是一个属性节点。 看到这些是不是感觉很熟悉，没错，就像JS中一切都是对象一样，HTML文档中一切都是节... 阅读全文

摘要： 今天学习到jquery的hide()部分时，突然有一个想法，jquery中的隐藏/显示部分的实现是给目标元素附加一个"display: none"属性，那么如果在类似于下面的布局中运用，会发生什么情况？ 先把布局的代码贴上来 1 2 3 4 5 ... 阅读全文

摘要： 前面对简单的选项卡和简单的图片库进行了实现，现在把两者结合起来，实现下面这样的效果。 现在附上代码： 1 2 3 4 5 6 选项卡 7 86 87 115 ... 阅读全文

摘要： 浮动float： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。(W3C) 绝对定位absolute: 设置为绝对定位的元素框从文档流完全删除，并相对于其包含块... 阅读全文

摘要： 我们都知道，一个元素框的大小是由元素内容+内边距+边框+外边距来决定的。 关于内边距padding，内边距呈现了元素的背景，其设置值是不可以为负的。 而对于外边距margin，默认为透明，设置值可以为负，其实这也就是所谓的负边距。 下面我们来分析一下margin负边距的原理。 首先我们... 阅读全文

摘要： 这次来做一个简单的选项卡。选项卡其实就分3个部分：html代码，用于显示的内容；css代码，用于显示的样式；javascript代码，用于点击事件。老规矩，先写一个html坯子。 1 2 3 4 5 选项卡 6 7 8 9... 阅读全文

摘要： 在看众多大神的css布局指南时，经常看到一个布局：圣杯布局（也有称为双飞翼布局的）。今天我们也来剖析一下。 其实，对于众多css布局，我们只要明确理解了3种技术，那么基本上大多数布局都难不倒我们了： 浮动float 绝对定位和相对定位negative margin 负边距r... 阅读全文