块属性标签和行内属性标签及样式优先级

标签：

一，块属性标签

1，默认撑满一行；

2，高度，行高以及顶、底边距都可控制；

3，宽度缺省是它所在容器的100%，除非设定一个宽度。

二，行内属性标签

1，默认标签后面跟相同属性的标签元素；

2，不支持宽高；

3，只支持横向的margin和padding；

4，便签间的换行和空格被解析；

注：关于嵌套问题，块属性标签里可以嵌套行内属性标签，而行内属性标签却并不能随意嵌套块属性标签。

三，关于inline-block

1，让行内属性标签支持宽高；
2，让块属性标签在一行显示；
3，换行被解析；
4，内容撑开宽度；

注：IE6,IE7不支持inline-block；

注：块属性标签里面包图片，下面会有3px的间隙；解决：用display：block或vertical-align：middle解决；

四，样式优先级

行间样式 > ID > class > 类型选择符

块属性标签和行内属性标签及样式优先级

标签：

原文地址：http://www.cnblogs.com/luckyXcc/p/5742938.html