HTML语言的一些元素(三)
本章节主要介绍:<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语言的一些元素(三)相关推荐
- R语言系统教程(三):多维数组和矩阵
R语言系统教程(三):多维数组和矩阵 3.1 生成数组或矩阵 3.1.1 将向量定义为数组 3.1.2 用array()函数构造多维数组 3.1.3 用matrix()函数构造矩阵 3.2 数组下标 ...
- C语言编程>第三周 ⑥ 有一个已经排好序的数组。现输入一个数,要求按原来的规律将它插入数组中。
例题:有一个已经排好序的数组.现输入一个数,要求按原来的规律将它插入数组中. 代码如下: /*程序分析:首先判断此数是否大于最后一个数,然后再考虑插入中间的数的情况,插入后此元素之后的数,依次后移一个 ...
- c语言中的下标变量是什么,c语言引用数组元素时其数组下标的允许的数据类型是什么...
c语言引用数组元素时其数组下标的允许的数据类型是什么 发布时间:2020-07-30 11:56:52 来源:亿速云 阅读:621 作者:Leah c语言引用数组元素时其数组下标的允许的数据类型是什么 ...
- R语言循环函数编写三境界
1. 三境界 R语言写循环有三境界: 手动for循环 apply系列 purrr泛函式编程 其中,手动for循环我最常用,apply系列半吊子,purrr函数越用越趁手,这里介绍一下purrr编写循环 ...
- python电子章_python二级电子教案 第2章 Python语言基本语法元素
<python二级电子教案 第2章 Python语言基本语法元素>由会员分享,可在线阅读,更多相关<python二级电子教案 第2章 Python语言基本语法元素(46页珍藏版)&g ...
- C语言编程>第三周 ⑤ 对10个数进行排序。
例题:对10个数进行排序. 代码如下: /*程序分析:可以利用选择法,即从后9个比较过程中,选择一个最小的与第一个元素交换,下次类推,即用第二个元素与后8个进行比较,并进行交换.*/ #include ...
- C语言——矩阵的上三角化
C语言--矩阵的上三角化 #include <stdlib.h> #include <stdio.h> int main(void) {int i, j, k, v, hang ...
- C语言程序设计(第三版)何钦铭著 习题4-4
C语言程序设计(第三版)何钦铭著 习题4-4 习题一览表 1. C语言程序设计(第三版)何钦铭著 习题2-1 2.C语言程序设计(第三版)何钦铭著 习题2-2 3.C语言程序设计(第三版)何钦铭著 习 ...
- 航空航天大类C语言程设第三次练习赛
航空航天大类C语言程设第三次练习赛 第四期更新, 鸽子博主终于更新第三次练习赛了 (A题)求区间交并集 多行数据,每行有两个数,用空格分开,表示每个区间的下和上界,保证是合法的非空集,而且得到的并集是 ...
- C语言进程(第三章,exec函数族,execl,execlp,execle,execv,execvp,execve)
C语言进程(第三章,exec函数族,execl,execlp,execle,execv,execvp,execve) 简介 本文讲解C语言进程中的exec函数族相关知识,相关函数有excel,exec ...
最新文章
- Rowhammer漏洞致“比特位翻转”,如何解决?
- 通过例子10分钟快速看懂pad_sequence、pack_padded_sequence以及pad_packed_sequence
- Linux下各文件夹的结构说明及用途介绍(转载)
- ubuntu新建python代码文件_[Vim]新建python文件自动添加python header
- 探寻新的治疗方法,研究人员用VR可视化DNA结构
- 32时间片轮转_系统时间
- DSTREAM-PT仿真器——ARM公司推出的最高性能的调试跟踪解决方案
- 【栈】【856. 括号的分数】【中等】(需回顾)
- 机器学习-集成学习:随机森林(Random Forest)
- java奇数偶数数组_在Java数组中将数组中的奇数置后偶数置前(两种不同的方法实现)...
- jzoj6800-NOIP2020.9.19模拟spongebob【枚举】
- [react] react中setState的第二个参数作用是什么呢?
- 2020过半,程序员“跳槽”还是“卧槽”,你想好了吗?
- HTML如何实现单元格自动编号,如何在Excel中自动为列编号?
- vue2 自定义事件 v-model .sync
- Andrew ng 深度学习课程笔记
- 电容器的10大总结!
- Windows2003 3389端口修改
- 现代女性的半糖主义ZT
- keras中的Convolution1D
热门文章
- day_6:验证码识别
- 2018.10.26 NOIP模拟 瓶子 (dp/贪心)
- Python 之路 Day5 - 常用模块学习
- 夺命雷公狗---linux NO:22 linux下的yum安装的高级配置
- POJ1236 强连通 (缩点后度数的应用)
- hdu3400 两重三分
- 【Groovy】MOP 元对象协议与元编程 ( 方法注入 | 使用 Mixin 混合进行方法注入 )
- 【Flutter】Flutter 调试 ( 调试控制相关功能 | 断点管理 | 代码运行控制 )
- 【计算理论】计算复杂性 ( 时间复杂度时间单位 : 步数 | 算法分析 | 算法复杂性分析 )
- 【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性 复用 像素格式 | 图像绘制 )