尚硅谷web前端工程师1000集学习笔记33

最新推荐文章于 2023-03-17 20:22:42 发布

哒哒哒菓子

最新推荐文章于 2023-03-17 20:22:42 发布

阅读量122

点赞数

分类专栏：清除浏览器默认样式

本文链接：https://blog.csdn.net/qq_38547320/article/details/104440337

版权

清除浏览器默认样式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
			/*
			 * 浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，
			 * 	所以为很多的元素都设置了一些默认的margin和padding，
			 * 	而它的这些默认样式，正常情况下我们是不需要使用的。
			 * 
			 * 所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉
			 * 	
			 */
			
			/*
			 * 清除浏览器的默认样式
			 */
			
			*{
				margin: 0;
				padding: 0;
			}
		
			
			.box1{
				width: 100px;
				height: 100px;
				background-color: #bfa;
			}
			
			p{
				background-color: yellow;
			}
			
			
		</style>
	</head>
	<body>
		<div class="box1"></div>
		
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		
		<ul>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
		</ul>
	</body>
</html>

清除浏览器默认样式，方法1

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

哒哒哒菓子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
尚硅谷web前端工程师1000集学习笔记33

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果， * 所以为...
复制链接

扫一扫