美文网首页@web
DIV+SPAN详解

DIV+SPAN详解

作者: 07120665a058 | 来源:发表于2016-11-24 19:23 被阅读166次

1.div:指定渲染HTML的容器

  • 作用:配合css完成网页的基本布局

2.span:指定内嵌文本容器(它没有结构的意义,纯粹是应用样式)

  • 作用:配合css修改网页的局部信息

3.二者区别

  • 1)div是块级元素,span是块级元素
  • 2)div单独在一行,span不会单独在一行
  • 3)div是一个容器级别的标签,span是文本级别的标签
    这篇文章详细写了行内元素和块级元素,它们的区别即是div 和 span 的区别
    HTML——行内元素-块级元素

4.容器级标签和文本级标签

  • 容器级标签:可以嵌套其它所有的标签 ,div,h,ul,ol,dl,li.....
  • 文本级标签:只能嵌套文字,超链接(a),图片(img),span,p,strong,em...

5.它们分别在什么情况下使用

  • div一般用于网页布局,而span一般用于局部文字的样式
  • 如果里面还有其他标签的时候就用div,如果里面只有文本就应该用span
  • div标签中可以镶嵌span标签(div可以看做是一个大容器,span是一个小容器)

相关文章

  • DIV+SPAN详解

    1.div:指定渲染HTML的容器 作用:配合css完成网页的基本布局 2.span:指定内嵌文本容器(它没有结构...

  • div+span

    1.div 作用:配合css完成网页的基本布局 2.span 作用:用于配合css修改网页的局部信息 label也...

  • 从HTML5标签来谈谈标签语义化

    本文主要参考MDN中文文档 前言 标签的语义化是一个老生常谈的问题了,可能很多开发者一直习惯于div+span的开...

  • Mysql性能调优

    SQL执行原理详解 连接器详解 分析器详解 优化器详解 执行器详解 Innodb的Buffer Pool机制详解 ...

  • C/C++的30个冷知识

    数据格式详解 输入输出函数详解 字符串处理函数详解 内存函数详解 类详解 数据格式详解 2^8=256(同样是一个...

  • TSNE 详解

    TSNE 详解 TSNE 详解

  • SwiftSyntax 详解

    SwiftSyntax 详解SwiftSyntax 详解

  • 深入理解相机五(硬件抽象层HAL)

    一、Android 基础学习 Activity 使用详解 Service 使用详解 Broadcast 使用详解 ...

  • Lucene和ElasticSearch基本概念

    Lucene索引详解(IndexWriter详解、Document详解、索引更新)https://www.cnbl...

  • 自定义View的各个重要的类和属性

    1 、Path类详解 2、Paint详解 3、Canvas详解 4 、绘制雷达图

网友评论

本文标题:DIV+SPAN详解

本文链接:https://www.haomeiwen.com/subject/nblmpttx.html