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

  • 相关阅读:
    QML与C++交互
    etcd集群搭建
    Mac book如何允许第三方未知来源程序安装详细教程(小白篇)
    Windows10下搭建基于VSCODE的RISC-V单片机CH32V103开发环境
    Linux的JAVA开发环境部署
    source 'https://api.nuget.org/v3/index.json': The author primary signature validity period has expired
    element-ui + vue ,ant-design + vue , Angular + ZORRO 实现表格自动横纵向合并单元格,并自动根据单元格数据进行添加样式
    VUE Angular通用动态列表组件-亦可为自动轮播组件-01-根据数据量自动纵向滚动,鼠标划入停止滚动
    VUE Angular通用动态列表组件-亦可为自动轮播组件-02-根据数据量自动横向滚动,鼠标划入停止滚动
    echarts系列-样式调整总结
  • 原文地址:https://www.cnblogs.com/wwwzsfcom/p/5659132.html
Copyright © 2011-2022 走看看