CSS块级元素和行级元素

    xiaoxiao2021-04-16  34

    根据规定,每个网页元素都会存在display属性 , 其中像div,存在的默认值为”block”属性的即为块级元素 ; 而”span”元素的默认值为”inline”,称为“行内元素”。“div”这样的块级元素,可以通过高度,宽度,内外边距等属性来调整矩形的样子;与之相反的是“span”这样的行内元素,则没有独立的空间,需要依附于块级元素,因此对行内元素设置高度,宽度,内外边距等属性都是无效的。

    如果即是“行内元素”也想设置高宽度和内外边距,就需要设置“display:inline-block”将元素设置为行级-块级元素。

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

    可变元素

      可变元素为根据上下文语境决定该元素为块元素或者内联元素。   * applet - java applet   * button - 按钮   * del - 删除文本   * iframe - inline frame   * ins - 插入的文本   * map - 图片区块(map)   * object - object对象   * script - 客户端脚本

    转载请注明原文地址: https://ju.6miu.com/read-672545.html

    最新回复(0)