• html5中的容器标签和文本标签


    html5中的容器标签和文本标签

    html中的容器级标签文本级标签,css中的块级元素行内元素是我们常常拿来比较的四个名词(行内块级暂时先不考虑)。

    容器标签

    容器级的标签可以简单的理解为能嵌套其它所有标签的标签。
    常见容器级的标签: div h ul ol dl li dt dd ...

    文本标签

    文本级的标签对应容器级标签,只能嵌套文字/图片/超链接的标签。
    常见文本级的标签:span p buis strong em ins del ...

    块级元素

    css中的块级元素基本与html中的容器级标签对应,包括: **p** div h ul ol dl li dt dd ...。
    
    *ps:不用刻意去记忆哪些标签是文本级的哪些标签是容器级, 在企业开发中一般情况下要嵌套都是嵌套在div, 或者按照组标签来嵌套(ul>li, ol>li , dl>dt+dd).*
    

    行内元素

    行内元素也基本与文本标签对应:span buis strong em ins del。
    

    块级元素与行内元素

    1.块级元素独占一行,行内元素不独占。 
    2.如果没有设置宽高,块级元素默认与父元素一致,设置了则按设置的显示; 
    行内元素不可以设置宽高默认与包含的内容高度一致

    ps:为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

    css中显示模式的切换

    可以通过标签的display属性设置显示模式。

    display取值

    block 块级
    inline 行内
    inline-block 行内块级

    容器标签和文本标签的使用实例

  • 相关阅读:
    memcached stats 命令
    C# 压缩文件 ICSharpCode.SharpZipLib.dll
    复选框的全选与反选
    Internet Explorer 9 已安装在此系统上
    C# AES 加密与解密
    C# List<T> 泛型
    C# DataTbale详细操作
    C# 日志系统 log4net 配置及使用
    Web.config配置文件详解
    字符串比较
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/8939652.html
Copyright © 2020-2023  润新知