CSS之布局（默认样式）

最新推荐文章于 2024-05-29 21:25:08 发布

不动声色的小蜗牛

最新推荐文章于 2024-05-29 21:25:08 发布

阅读量436

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/weixin_45720626/article/details/107356862

版权

CSS 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

默认样式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>默认样式</title>
		
		
		<!--
			重置样式表：专门用来对浏览器的样式进行重置的
				reset.css 直接去除浏览器的默认样式
				normalize.css 对默认样式进行了统一
		-->
		
		
		<style>
			/*默认样式:
				-通常情况,浏览器都会为元素设置一些默认样式
				-默认样式的存在会影响到页面的布局,通常情况下编写网页时必须要去除默认样式(pc端)
			*/
			
			body{
				margin:0;
			}
			p{
				margin: 0;
			}
			ul{
				margin: 0;
				padding: 0;
				
				/*去除项目符号*/
				list-style: none;
			}
			
			
			.box1{
				width: 100px;
				height: 100px;
				border: 1px solid black;
			}
		</style>
		
		
	</head>
	<body>
		<div class="box1"></div>
		
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
		
		
	</body>
</html>

不动声色的小蜗牛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS之布局（默认样式）

默认样式：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>默认样式</title>  <style> /*
复制链接

扫一扫