内联元素与块状元素

188 阅读1分钟

注:未完成

元素的分类元素

  1. 块状元素
    • 默认独占一行;
    • 可以设置宽高;
    • 可当其他元素的容器
  2. 内联元素
    • 不能定义宽高???可以定义宽吧
    • 也遵循盒模型,有padding、border、margin、background属性,但是margin上下失效左右有用,padding-top也失效
  3. 行内块元素
    • 自动换行;
    • 能够识别宽高
    • 默认从左到右
  • 常见块级元素
    • div,dl dt dd,form,h1-h6,p,ol,ul,fieldset
    • colgroup-col 表单列组元素
    • table tr td
    • pre格式化文本
  • 常见内联元素
    • a,br,i,em,label,span,strong,sub,sup,textarea,u
  • 行内块元素
    • img,input

置换元素与非置换元素

  1. 置换元素
    • 浏览器根据元素的标签与属性,来决定元素的具体显示内容。这些元素往往没有实际的内容,即是一个空元素。
      如:<select>
  2. 非置换元素(不可替换元素)
    • 去内容直接表现给浏览器