html标签的基本分类。在原来CSS出现、普及之前，HTML标签有很多种，主要分为结构性、内容性与修饰性的标签。随着CSS的广泛使用，HTML代码当中很多标签都已经不再使用了，比如<i><font>
对于上面提到的标签，我们当前已经不再去这么分类了，仅仅是作为一个了解。而采用了另外一种分类方法——按照标签的显示类型。
根据标签的显示类型，我们可以将元素分为块状元素、行内元素以及其他类型元素。此处需要注意的有两点：
其一在于，并不能够将所有的标签简单的划分为块和行，对于<table>等元素，表现形式与块、行都有所区别，被称为表格系列元素。有关[......]
HTML的各个标签的默认样式是什么？
html, address,
IE6下左浮动元素margin-bottom失效 bug.在 IE6 IE7 IE8(Q)中，容器div的 ‘zoom:1′ 触发了 hasLayout，其内部浮动子元素也参与到了容器的高度计算之中。但是浮动子元素设置的 ‘margin-bottom’ 消失；
在其他浏览器中，容器的 ‘overflow:hidden’ 创建了新的 Block Formatting Context ，同样，其内部浮动子元素也参与到了容器的高度计算之中。浮动子元素的四个方向的 margin 均正常。
例子：第一个div子元素设置了底部的margin值，在清除浮动之后无效
CSS编码规范,单行形式书写风格的排版约束:
1. 每一条规则的大括号 { 前后加空格
2. 多个selector共用一个样式集，则多个selector必须写成多行形式
3. 每一条规则结束的大括号 } 前加空格
4. 属性名冒号之前不加空格，冒号之后加空格
5. 每一个属性值后必须添加分号; 并且分号后空格
例如：
div.test { wid[......]
span之间的空隙，到底是什么？display:inline-block的元素虽然能够处于同一行，但是很变态的是它们之间出现了空格，如何处理？（例如在浮动元素居中当中，我们必须使用display:inline-block）
实例：
IE6横向外边距叠加的BUG 修整。之前博文当中，讲解过的关于margin的横向双倍bug。最近几天做测试的时候又发现了一些新问题，所以，特此修正一下触发条件和显示状态：
IE6 横向外边距叠加
需要满足的几个基本条件是：
块状元素进行了浮动；
设置了横向的外边距。
如果块元素向左进行了浮动，设置的外边距是右外边距(margin-right),那么此bug不会被触发。同样的，为向右浮动的块元素设置了左侧的外边距也不会触发bug。
同一个行当中，如果为多个浮动的块元素设置了外边距，但凡与父级有所接触的块元素，横向外边距会发生叠加，换句话说，即便是设置了左浮动和右侧外边距，如果最右[......]
JavaScript异步编程的Promise模式实例介绍。异步模式在web编程中变得越来越重要，对于web主流语言Javscript来说，这种模式实现起来不是很利索，为此，许多Javascript库（比如 jQuery和Dojo）添加了一种称为promise的抽象（有时也称之为deferred）。通过这些库，开发人员能够在实际编程中使用 promise模式。IE官方博客最近发表了一篇文章，详细讲述了如何使用XMLHttpRequest2来实践promise模式。我们来了解一下相关的概念和应用。
考虑这样一个例子，某网页存在异步操作（通过XMLHttpRequest2或者 Web Work[......]
jQuery性能如何优化？
一、选择器性能优化建议
1. 总是从#id选择器来继承
这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。
$(‘#content’).hide();
或者从ID选择器继承来选择多个元素:
$(‘#content p’).hide();
2. 在class前面使用tag
jQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID)
var[......]
jQuery性能优化方案选择器优化方法介绍。
选择器性能优化
1. 总是从#id选择器来继承
这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。
$(‘#content’).hide();
或者从ID选择器继承来选择多个元素:
$(‘#content p’).hide();
2. 在class前面使用tag
jQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID)[......]
JQ特效开发系列鼠标移入时div高度和颜色发生变化 animate实例介绍。
<style>
* {
margin: 0;
padding: 0;
}
html,body {
height: 100%;
}
.main div{
width: 800px;
height: 80px;
ma[......]