• block、inline、inline-block


    block:
    1. block - 块级元素
    2. 常见的块级元素包括:div,form,p,table,ul,ol,dl,h1~h6,pre
    3. block 可以包含 inlne 和 block 和 inline-block(有的不适合,比如 p);
    4. block 独占一行,多个block 会另起一行;
    5. 默认情况下,block元素宽度自动填满父元素;
    6. block 可以设置 width 和 height,但还是独占一行;
    7. block 可以设置margin 和 padding;
    inline:
    1. inline - 行内元素(内联元素);
    2. 常见的行内元素包括:span,a,label,input,strong,em,select,textarea,img,br,code;
    3. inline 不能包含子元素;
    4. 多个inline都在一样显示,直到放不下,才会另起一行。
    5. inline 元素设置 width 和 height 无效,宽度是内容决定的。
    6. inline 的 (margin-left、right) 和(padding-left、right) 是有效的,height是无效的。
    inline-block:
    1. 这个属性是让元素 既能一行,又可以设置 宽高、边距 等。
    2. inline-block 理论上ie低版本是不支持的,但它会触发 layout,显示出inline-block的表象。
    常见块元素(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 - 定义变量

    可变元素编辑 可变元素由上下文语境来决定是块元素还是内联元素[
    1] 。

    ◎applet
    - java applet ◎button - 按钮 ◎del - 删除文本 ◎iframe - inline frame ◎ins - 插入的文本 ◎map - 图片区块(map) ◎object - object对象 ◎script - 客户端脚本

     

  • 相关阅读:
    Python 字符串处理大全.
    图形化翻译助手
    爬虫详解
    Python 模块.
    定制序列
    Python 的property的实现 .
    Python的魔法方法 .
    通过类的装饰器以及各种单例模式(修复版本)。
    是时候写一下Python装饰器了。
    %E2%80%8C的字符串问题,卡住三个小时。
  • 原文地址:https://www.cnblogs.com/Tachi/p/5930678.html
Copyright © 2020-2023  润新知