5. 各类元素总结

块元素

页面独占一行,默认宽度撑满父级元素,默认高度由内容撑开可以设置 CSS

  • 主体结构标签:<html>,<body>
  • 排版元素:<h1>-<h6><hr><pr><pre><div>
  • 列表元素:<ul><ol><li><dl><dt><dd>
  • 表格相关标签:<table><tbody><thread><tfoot><tr><caption>
  • <form><option>

行内元素

页面不独占一行,一行放不下,下一行从左到右继续排列,默认宽度、高度都由内容撑开无法通过 CSS 设置宽高

  • 文本标签:<br><em><strong><sup><sub><del><ins>
  • <a>

行内块元素

不占一行,一行放不下,下一行从左到右继续排列,默认宽度、高度都由内容撑开,可以通过 CSS 设置宽高

  • 图片:<img>
  • 单元格:<td><th>
  • 表单控件:<input><select><textarea><button>
  • 框架标签:<iframe>

修改各类元素显示模式 display

描述
none 元素被隐藏
block 作为块级元素显示
inline 作为行内元素显示
inline-block 作为行内块级元素显示
posted @ 2024-03-27 20:42  by1314  阅读(2)  评论(0编辑  收藏  举报
浏览器标题切换
浏览器标题切换end