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


    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 - 定义变量   
      注意下:一些行内元素可以在样式中调整宽高,即宽高可调。(特殊的情况)
    input标签
    img标签
    texarea标签
    select标签
  • 相关阅读:
    kubeadm部署K8S集群v1.16.3
    MySQL5.7Gtid主从复制总是遇到日志被清等出现无法正常主从复制
    ORACLE数据库SQL优化 not in 与not exits
    某控股公司OA系统ORACLE DG搭建
    阿里云ECS服务器上搭建keepalived+mha+mysql5.6+gtid+一主两从+脚本判断架构踩的坑
    生产案例:开发不小心把某个表数据清了,没有逻辑备份,有物理备份
    生产案例:突然产生大量的归档日志,导致磁盘空间满了无法登陆数据库
    maxscale读写分离
    MYSQL EXPLAIN执行计划命令详解(支持更新中)
    vue 解决 post请求下载文件,下载的文件损坏打不开,结果乱码
  • 原文地址:https://www.cnblogs.com/Jabin/p/5665062.html
Copyright © 2020-2023  润新知