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

    HTML中行内元素与块级元素的区别:

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

    ①总是在新行上开始,占据一整行;

    ②高度,行高以及外边距和内边距都可控制;

    ③宽带始终是与浏览器宽度一样,与内容无关;

    ④它可以容纳内联元素和其他块元素。

    行内元素的特点:

    ①和其他元素都在一行上;

    ②高,行高及外边距和内边距部分可改变;

    ③宽度只与内容有关;

    ④行内元素只能容纳文本或者其他行内元素。

    不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用

    常见的块级元素与行内元素:

    1 块元素(block element)   

    2    

    3   * address - 地址   

    4   * blockquote - 块引用   

    5   * center - 举中对齐块   

    6   * dir - 目录列表   

    7   * div - 常用块级容易,也是css layout的主要标签   

    8   * dl - 定义列表   

    9   * fieldset - form控制组   

    10   * form - 交互表单   

    11   * h1 - 大标题   

    12   * h2 - 副标题   

    13   * h3 - 3级标题   

    14   * h4 - 4级标题   

    15   * h5 - 5级标题   

    16   * h6 - 6级标题   

    17   * hr - 水平分隔线   

    18   * isindex - input prompt   

    19   * menu - 菜单列表   

    20   * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容   

    21   * noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)   

    22   * ol - 排序表单   

    23   * p - 段落   

    24   * pre - 格式化文本   

    25   * table - 表格   

    26   * ul - 非排序列表   

    27   

    28 行内元素(inline element)   

    29   

    30   * a - 锚点   

    31   * abbr - 缩写   

    32   * acronym - 首字   

    33   * b - 粗体(不推荐)   

    34   * bdo - bidi override   

    35   * big - 大字体   

    36   * br - 换行   

    37   * cite - 引用   

    38   * code - 计算机代码(在引用源码的时候需要)   

    39   * dfn - 定义字段   

    40   * em - 强调   

    41   * font - 字体设定(不推荐)   

    42   * i - 斜体   

    43   * img - 图片   

    44   * input - 输入框   

    45   * kbd - 定义键盘文本   

    46   * label - 表格标签   

    47   * q - 短引用   

    48   * s - 中划线(不推荐)   

    49   * samp - 定义范例计算机代码   

    50   * select - 项目选择   

    51   * small - 小字体文本   

    52   * span - 常用内联容器,定义文本内区块   

    53   * strike - 中划线   

    54   * strong - 粗体强调   

    55   * sub - 下标   

    56   * sup - 上标   

    57   * textarea - 多行文本输入框   

    58   * tt - 电传文本   

    59   * u - 下划线   

    60   * var - 定义变量   

    61   

  • 相关阅读:
    内存泄漏 Memory Leaks 内存优化 MD
    Handler Thread 内部类引起内存泄露分析
    为什么不取消注册BroadcastReceiver会导致内存泄漏
    WebChromeClient 简介 API 案例
    WebViewClient 简介 API 案例
    java.net.URI 简介 文档 API
    android.net.Uri 简介 API
    RV 多样式 MultiType 聊天界面 消息类型 MD
    JS函数声明与定义,作用域,函数声明与表达式的区别
    CSS中table tr:nth-child(even)改变tr背景颜色: IE7,8无效
  • 原文地址:https://www.cnblogs.com/zhangzhen950702/p/5653437.html
Copyright © 2011-2022 走看看