块和内嵌

内联,内嵌,行内属性标签:

  1. 默认同行可以继续跟同类型标签;
  2. 内容撑开宽度
  3. 不支持宽高
  4. 不支持上下的margin和padding
  5. 代码换行被解析

块属性标签:

  1. 默认独占一行显示;
  2. 没有宽度时,默认撑满一排
  3. 支持所有css命令

块和内嵌转换:

  1. display:block; 显示为块

  2. display:inline; 显示为内嵌

 


 

 

inline-block特性:

  1. 块在一行显示;
  2. 行内属性标签支持宽高;
  3. 没有宽度的时候内容撑开宽度

 

问题:

  1. 代码换行被解析;
  2. ie6 ie7 不支持块属性标签的inline-block;

 


 

规范:

  1. 所有书写均在英文半角状态下的小写;

  2.  

    id,class必须以字母开头;

  3. 所有标签必须闭合;
  4. html标签用tab键缩进;
  5. 属性值必须带引号;
  6. <!-- html注释 -->
  7. /* css注释 */
  8. ul,li/ol,li/dl,dt,dd拥有父子级关系的标签;
  9. p,dt,h标签  里面不能嵌套块属性标签;
  10. a标签不能嵌套a;
  11. 内联元素不能嵌套块;

 

 

posted @ 2013-12-13 21:54  恢1106  阅读(238)  评论(0编辑  收藏  举报