本章节主要介绍:<div>和<span>

可以通过 <div> 和 <span> 将 HTML 元素组合起来。

HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。

如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

HTML <span> 元素是内联元素,可用作文本的容器。

<span> 元素也没有特定的含义。

当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。

1)、在DIV+CSS切图布局重构技术中,提到div,而在html中代码布局使用最多标签为div,
2)、故我们通常将网页重构说成div css制作。
3)、Div本身没有什么特别之处,而div标签替代了以前table标签布局。
4)、他们通过对div标签对象设置不同样式实现我们要的美化效果。
5)、特性,通常一对未设置任何样式的div,独占一行。

举例如下:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div 演示</title>
<style type="text/css">
.yangshi{ color:#F00;}/* 设置颜色为红色 */
.yangshi2{ color:#0F0;}/* 设置颜色为绿色 */
</style>
</head>
<body>
<div class="yangshi">设置我颜色为红色</div>
<div class="yangshi2">设置我颜色为绿色</div>
</body>
</html> 

转载于:https://www.cnblogs.com/aomi/p/3455279.html

HTML语言的一些元素(三)相关推荐

  1. R语言系统教程(三):多维数组和矩阵

    R语言系统教程(三):多维数组和矩阵 3.1 生成数组或矩阵 3.1.1 将向量定义为数组 3.1.2 用array()函数构造多维数组 3.1.3 用matrix()函数构造矩阵 3.2 数组下标 ...

  2. C语言编程>第三周 ⑥ 有一个已经排好序的数组。现输入一个数,要求按原来的规律将它插入数组中。

    例题:有一个已经排好序的数组.现输入一个数,要求按原来的规律将它插入数组中. 代码如下: /*程序分析:首先判断此数是否大于最后一个数,然后再考虑插入中间的数的情况,插入后此元素之后的数,依次后移一个 ...

  3. c语言中的下标变量是什么,c语言引用数组元素时其数组下标的允许的数据类型是什么...

    c语言引用数组元素时其数组下标的允许的数据类型是什么 发布时间:2020-07-30 11:56:52 来源:亿速云 阅读:621 作者:Leah c语言引用数组元素时其数组下标的允许的数据类型是什么 ...

  4. R语言循环函数编写三境界

    1. 三境界 R语言写循环有三境界: 手动for循环 apply系列 purrr泛函式编程 其中,手动for循环我最常用,apply系列半吊子,purrr函数越用越趁手,这里介绍一下purrr编写循环 ...

  5. python电子章_python二级电子教案 第2章 Python语言基本语法元素

    <python二级电子教案 第2章 Python语言基本语法元素>由会员分享,可在线阅读,更多相关<python二级电子教案 第2章 Python语言基本语法元素(46页珍藏版)&g ...

  6. C语言编程>第三周 ⑤ 对10个数进行排序。

    例题:对10个数进行排序. 代码如下: /*程序分析:可以利用选择法,即从后9个比较过程中,选择一个最小的与第一个元素交换,下次类推,即用第二个元素与后8个进行比较,并进行交换.*/ #include ...

  7. C语言——矩阵的上三角化

    C语言--矩阵的上三角化 #include <stdlib.h> #include <stdio.h> int main(void) {int i, j, k, v, hang ...

  8. C语言程序设计(第三版)何钦铭著 习题4-4

    C语言程序设计(第三版)何钦铭著 习题4-4 习题一览表 1. C语言程序设计(第三版)何钦铭著 习题2-1 2.C语言程序设计(第三版)何钦铭著 习题2-2 3.C语言程序设计(第三版)何钦铭著 习 ...

  9. 航空航天大类C语言程设第三次练习赛

    航空航天大类C语言程设第三次练习赛 第四期更新, 鸽子博主终于更新第三次练习赛了 (A题)求区间交并集 多行数据,每行有两个数,用空格分开,表示每个区间的下和上界,保证是合法的非空集,而且得到的并集是 ...

  10. C语言进程(第三章,exec函数族,execl,execlp,execle,execv,execvp,execve)

    C语言进程(第三章,exec函数族,execl,execlp,execle,execv,execvp,execve) 简介 本文讲解C语言进程中的exec函数族相关知识,相关函数有excel,exec ...

最新文章

  1. Rowhammer漏洞致“比特位翻转”,如何解决?
  2. 通过例子10分钟快速看懂pad_sequence、pack_padded_sequence以及pad_packed_sequence
  3. Linux下各文件夹的结构说明及用途介绍(转载)
  4. ubuntu新建python代码文件_[Vim]新建python文件自动添加python header
  5. 探寻新的治疗方法,研究人员用VR可视化DNA结构
  6. 32时间片轮转_系统时间
  7. DSTREAM-PT仿真器——ARM公司推出的最高性能的调试跟踪解决方案
  8. 【栈】【856. 括号的分数】【中等】(需回顾)
  9. 机器学习-集成学习:随机森林(Random Forest)
  10. java奇数偶数数组_在Java数组中将数组中的奇数置后偶数置前(两种不同的方法实现)...
  11. jzoj6800-NOIP2020.9.19模拟spongebob【枚举】
  12. [react] react中setState的第二个参数作用是什么呢?
  13. 2020过半,程序员“跳槽”还是“卧槽”,你想好了吗?
  14. HTML如何实现单元格自动编号,如何在Excel中自动为列编号?
  15. vue2 自定义事件 v-model .sync
  16. Andrew ng 深度学习课程笔记
  17. 电容器的10大总结!
  18. Windows2003 3389端口修改
  19. 现代女性的半糖主义ZT
  20. keras中的Convolution1D

热门文章

  1. day_6:验证码识别
  2. 2018.10.26 NOIP模拟 瓶子 (dp/贪心)
  3. Python 之路 Day5 - 常用模块学习
  4. 夺命雷公狗---linux NO:22 linux下的yum安装的高级配置
  5. POJ1236 强连通 (缩点后度数的应用)
  6. hdu3400 两重三分
  7. 【Groovy】MOP 元对象协议与元编程 ( 方法注入 | 使用 Mixin 混合进行方法注入 )
  8. 【Flutter】Flutter 调试 ( 调试控制相关功能 | 断点管理 | 代码运行控制 )
  9. 【计算理论】计算复杂性 ( 时间复杂度时间单位 : 步数 | 算法分析 | 算法复杂性分析 )
  10. 【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性 复用 像素格式 | 图像绘制 )