块和内嵌

内联，内嵌，行内属性标签：

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. 内联元素不能嵌套块；

 

 

转载于:https://www.cnblogs.com/wmh1106/p/3473825.html