zoukankan      html  css  js  c++  java
  • HTML中行内元素与块级元素的区别

    在标准文档流里面,块级元素具有以下特点:

    ①总是在新行上开始,占据一整行;
    ②高度,行高以及外边距和内边距都可控制;
    ③宽度始终是与浏览器宽度一样,与内容无关;
    ④它可以容纳内联元素和其他块元素。

    行内元素的特点:

    ①和其他元素都在一行上;
    ②高,行高及外边距和内边距部分可改变;
    ③宽度只与内容有关;
    ④行内元素只能容纳文本或者其他行内元素。
    不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用

    常见的块级元素与行内元素:
    1 块元素(block element)   
      
      * address - 地址   
      * blockquote - 块引用   
      * center - 举中对齐块   
      * dir - 目录列表   
      * div - 常用块级容易,也是css layout的主要标签   
      * dl - 定义列表   
      * fieldset - form控制组   
      * form - 交互表单   
      * h1 - 大标题   
      * h2 - 副标题   
      * h3 - 3级标题   
      * h4 - 4级标题   
      * h5 - 5级标题   
      * h6 - 6级标题   
      * hr - 水平分隔线   
      * isindex - input prompt   
      * menu - 菜单列表   
      * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容   
      * noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)   
      * ol - 排序表单   
      * p - 段落   
      * pre - 格式化文本   
      * table - 表格   
      * ul - 非排序列表   
      
    行内元素(inline element)   
      
      * a - 锚点   
      * abbr - 缩写   
      * acronym - 首字   
      * b - 粗体(不推荐)   
      * bdo - bidi override   
      * big - 大字体   
      * br - 换行   
      * cite - 引用   
      * code - 计算机代码(在引用源码的时候需要)   
      * dfn - 定义字段   
      * em - 强调   
      * font - 字体设定(不推荐)   
      * i - 斜体   
      * img - 图片   
      * input - 输入框   
      * kbd - 定义键盘文本   
      * label - 表格标签   
      * q - 短引用   
      * s - 中划线(不推荐)   
      * samp - 定义范例计算机代码   
      * select - 项目选择   
      * small - 小字体文本   
      * span - 常用内联容器,定义文本内区块   
      * strike - 中划线   
      * strong - 粗体强调   
      * sub - 下标   
      * sup - 上标   
      * textarea - 多行文本输入框   
      * tt - 电传文本   
      * u - 下划线   
      * var - 定义变量   

  • 相关阅读:
    Python 集合
    Python sorted()
    CodeForces 508C Anya and Ghosts
    CodeForces 496B Secret Combination
    CodeForces 483B Friends and Presents
    CodeForces 490C Hacking Cypher
    CodeForces 483C Diverse Permutation
    CodeForces 478C Table Decorations
    CodeForces 454C Little Pony and Expected Maximum
    CodeForces 313C Ilya and Matrix
  • 原文地址:https://www.cnblogs.com/wwwzsfcom/p/5659132.html
Copyright © 2011-2022 走看看