【CSS基础】CSS的元素显示模式总结

1.CSS的元素显示模式总结

元素模式 元素排列 设置样式 默认宽度 包含
块级元素 一行只能放一个块级元素 可以设置宽度、高度 容器的100% 容器级可以包含任何标签
行内元素 一行可以放多个行内元素 不可以直接设置宽度、高度 它本身内容的宽度 容纳文本或其他行为元素
行内块元素 一行放多个行内块元素 可以设置宽度、高度 它本身内容的宽度

2.元素显示模式转换代码




  
  
  
  Document
  


  行内元素
  行内元素
  
这是块级元素
这是块级元素
将行内元素转换为行内块元素将行内元素转换为行内块元素

结果:

【CSS基础】CSS的元素显示模式总结_第1张图片

 

你可能感兴趣的:(css,css3,html)