• 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 - 定义变量   

  • 相关阅读:
    Redis之HyperLoglog
    Mycat面试知识点总结
    Redis持久化之混合aof,rdb
    Redis之缓存穿透,缓存击穿,缓存雪崩
    Redis参数解析之--输出缓冲区
    Https简单流程
    Spring之PropertyPlaceholderConfigurer源码分析
    Redis之位数组的实现(一)--数据结构
    Redis之订阅是怎么实现的
    反射
  • 原文地址:https://www.cnblogs.com/wwwzsfcom/p/5659132.html
Copyright © 2020-2023  润新知