清空默认边距

最新推荐文章于 2023-03-01 16:51:04 发布

jwz934738949

最新推荐文章于 2023-03-01 16:51:04 发布

阅读量393

点赞数

分类专栏： HTML与CSS

本文链接：https://blog.csdn.net/jwz934738949/article/details/89416555

版权

HTML与CSS 专栏收录该内容

73 篇文章 1 订阅

订阅专栏

在我们编写网页的过程中，一个div标签往往存在着默认的边距，要想消除边距我们需要将外边距和内边距设置为0。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
<style>
/*	
	在企业开发中，一般不会使用通配符选择器来取消默认格式。
	企业常用以下形式：
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,filedset,legend,input,textarea,p,blockquote,th,td{
		margin: 0;
		padding: 0;
	}
	*/
* {
	margin: 0;
	padding: 0;
}
div {
	height: 100px;
	width: 300px;
	background-color: darkgrey;
	font-size: 25px;
}
</style>
</head>
<body>
<div>这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容</div>
</body>
</html>

默认格式：

清除默认格式：

jwz934738949

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
清空默认边距

在我们编写网页的过程中，一个div标签往往存在着默认的边距，要想消除边距我们需要将外边距和内边距设置为0。<!doctype html><html><head><meta charset="UTF-8"><title>标题</title><style>/* 在企业开发中，一般不会使用通配符选择...
复制链接

扫一扫