（5）html： div与span

最新推荐文章于 2022-08-23 10:40:38 发布

mxd_xyz

最新推荐文章于 2022-08-23 10:40:38 发布

阅读量360

点赞数

分类专栏： html学习笔记

本文链接：https://blog.csdn.net/mxd395/article/details/23782263

版权

html学习笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<!-- DOCTYPE指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 -->
<html>
	<head>
		<meta charset="utf-8" /> 
		<title>div与span</title>
	</head>
	
	<body>
		<h1>块级别元素与内联元素 </h1>
		<ul>
			<dt>块级别元素</dt>
			<dd>简单地说，块级别元素前后都有回车，例如：h，ul，ol，dl，pre，hr，address等</dd>
			<dt>内联元素</dt>
			<dd>内联元素则显示在句子内，不会换行显示，例如：b，i，u，em，sup，sub，big，small等</dd>
		</ul>

		<div style="background-color:black;">
			<span style="color:white">
				<h1>div作用于块级别元素，与CSS的class联合使用，对一组元素的属性进行描述；
				         span用于分组内联元素，对句子或段落的某一部分进行分组,同样可与css联用</h1>
			</span>	 
			<ul>
				<span style="color:red">
					<dt>块级别元素</dt>
					<dd>简单地说，块级别元素前后都有回车，例如：h，ul，ol，dl，pre，hr，address等</dd>
				</span>
				<span style="color:blue">
					<dt>内联元素</dt>
					<dd>内联元素则显示在句子内，不会换行显示，例如：b，i，u，em，sup，sub，big，small等</dd>
				</span>
			</ul>
		</div>
	</body>
</html>

mxd_xyz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（5）html： div与span

div与span 块级别元素与内联元素块级别元素简单地说，块级别元素前后都有回车，例如：h，ul，ol，dl，pre，hr，address等内联元素内联元素则显示在句子内，不会换行显示，例如：b，i，u，em，sup，sub，big，small等 div作用于块级别元素，与CSS的class联合使用，对一组元素的
复制链接

扫一扫