HTML——018div和span，保证网页的灵活布局

最新推荐文章于 2023-06-07 15:14:09 发布

大头白菜

最新推荐文章于 2023-06-07 15:14:09 发布

阅读量198

点赞数 1

分类专栏： HTML 文章标签： css html

本文链接：https://blog.csdn.net/sk_girl/article/details/115841064

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--
			1、div和span是什么?有什么用?
				*div和span都可以称为“图层”
				*图层的作用是为了保证页面可以灵活的布局。
				*图层就是一个一个的盒子，div嵌套div就是盒子套盒子。
				*div和span是可以定位的，只要定下div的左上角的x轴和y轴坐标即可。
				
			2、其实最早的网页是采用table进行布局的，但是table不灵活，太死板。
				现代的网页开发中div布局使用最多，几乎很少使用table进行布局了。
			
			3、div和span的区别?
				div独自占用一行(默认情况下)
				span不会独自占用一行。
		-->
		<div id="div1">我是一个DIV</div>
		<div id="div2">我是一个DIV</div>
		
		<span id="span1">我是一个SPAN标签</span>
		<span id="span2">我是一个SPAN标签</span>
		
		<!--div可以嵌套使用-->
		<div id="div3">
			<div>
				<div>test</div>
			</div>
		</div>
	</body>
</html>

在这里插入图片描述

大头白菜

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML——018div和span，保证网页的灵活布局

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 1、div和span是什么?有什么用? *div和span都可以称为“图层” *图层的作用是为了保证页面可以灵活的布局。 *图层就是一个一个的盒子，div嵌套div就是盒子套盒子。
复制链接

扫一扫

专栏目录