关于前端学习:CSS样式标签类型分类与类型转换

按类型划分

• 块元素 (block)

  • 个性

    1. 独占一行 (由上向下排列)
    2. 反对所有款式
    3. 不写宽高时继承于父元素
    4. 所占区域是一个矩形

• 行内元素 (inline)

  • 个性

    1. 从左往右排列
    2. 局部款式不反对
    3. 不写宽由内容决定，不能设置高度
    4. 所占区域不肯定时矩形
    5. 元素之间空隙是由换行造成的

• 行内块元素 (inline-block)

  • 同时具备块元素和行内元素的个性

按显示方式划分

• 替换元素：浏览器依据元素标签的和属性决定显示的内容
• 非替换元素：浏览器间接显示的内容

按内容划分

元素嵌套规定

• 块元素能够嵌套行内元素
• 块元素不肯定能嵌套块元素
• 行内元素肯定不能嵌套块元素

元素的类型转换

 转换为块元素
display:block

转换为行内元素
display:inline

转换为行内块元素
display:inline-block