初识css之盒子模型

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

• 前言
• 一、pandas是什么？
• 二、使用步骤
• 、
• 总结

今天，我们来学习盒子模型，我们在浏览器中所看到的所有内容都是放在一个个盒子之内的

提示：以下是本篇文章正文内容

在我们浏览网页的过程中会发现，我们的鼠标放在一些文字的上面的时候字体的颜色会发生变化，鼠标点击时未松开时也有变化，点击之后也变化。

下面就让我们看看是如何操作的。

上代码：

	
		
		
		
	
	
		点击进入
	

无论是什么都有其框，在浏览器中我们看到的一些线条有的便是边框，各个页面中我们都可以看到

这是怎么做的呢让我们来看代码；

	
		
		
		
	
	
		123
		321
		132
	

边距，顾名思义便是到盒子的边的距离

	
		
		
		
	
	
		
			456
			welcome
		
	

在我们写代码时就能发现有的标签是有自己的样式的例如

他有自己的字体大小、粗细

下面让我们看看那些标签自带样式；

	
		
		
		
	
	
		
			呦吼
			
你好
			呦呦哟
		

		
			上下margin 21.44
			上下margin 19.92
			body 上下左右margin 8
			
段落 上下margin16
			

				
上下margin16 左padding40
			
		
	

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了盒子模型的边框、边距，的使用方法以及超链接的伪类选择器、和自带样式的标签。赶紧开始敲代码吧，朋友！