嘿！欢迎来到我的CSS课堂！今天我们将会学习如何使用CSS中的清除（clear）属性来清除元素在网页中的默认样式。别急着离开，我们会从最基础的知识开始，慢慢地深入学习。
首先，我们需要了解一下什么是清除（clear）属性。当我们将一个元素设置为清除（clear）属性时，它将从页面中移除所有定义的默认样式。这意味着，如果元素的默认样式是：
color: red; background-color: blue; border: 1px solid black;当我们将其设置为清除（clear）属性时，它将变成：
color:background-color:border:这是因为清除（clear）属性会删除元素的所有定义样式，包括其原始的颜色、背景颜色、边框等等。这样，我们就可以通过添加更多的属性和CSS来重新定义我们想要的样式，从而实现更加灵活和动态的效果。
那么，我们该如何使用清除（clear）属性呢？在CSS中，我们可以使用以下方式来使用清除（clear）属性：
全局清除（clear）属性：
/* 将所有元素的默认样式清除 */ *::before, *::after { content: ""; /* 清除所有元素的默认内容 */ display: block; /* 删除默认空元素属性 */ text-indent: 0; /* 将内容缩进移除 */ padding: 0; /* 移除空内边距 */ border: none; /* 移除边框 */ }元素内部清除（clear）属性：
/* 只清除元素内部的默认样式 */ .clearfix:before, .clearfix:after { content: ""; /* 清除元素内部的默认内容 */ display: block; /* 删除默认空元素属性 */ text-indent: 0; /* 将内容缩进移除 */ padding: 0; /* 移除空内边距 */ border: none; /* 移除边框 */ }好了，现在我们已经知道了什么是清除（clear）属性，以及如何使用它来清除元素在网页中的默认样式。那么，我们就来看一些实际的例子吧！
首先，让我们来看一个基本的HTML结构：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Clear</title> <style> </style> </head> <body> <header> <!-- 头部元素 --> </header> <nav> <!-- 导航元素 --> </nav> <main> <!-- 主要内容元素 --> </main> <footer> <!-- 尾部元素 --> </footer> </body> </html>这个HTML结构的样式看起来和之前的有什么不同呢？让我们来分析一下：
<header> 和 <nav> 的内容被清除了，这是因为它们是全局元素，它们的默认内容会覆盖整个页面。相反，<main> 和 <footer> 的内容被保留了，因为它们是页面中的元素，它们的默认内容不会影响整个页面。
在 <main> 和 <footer> 中，我们添加了一些样式，如字体样式、边框和背景色。现在，如果我们将它们的样式清除，例如：
*::before, *::after { content: ""; /* 清除所有元素的默认内容 */ display: block; /* 删除默认空元素属性 */ text-indent: 0; /* 将内容缩进移除 */ padding: 0; /* 移除空内边距 */ border: none; /* 移除边框 */ }它们会变成什么样呢？是不是像下面这样：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Clear</title> <style> </style> </head> <body> <header> <!-- 头部元素 --> </header> <nav> <p></p> </nav> <main><p></p></main> <footer></footer> </body> </html>这只是HTML结构的一个示例，当然，实际的HTML结构比这要复杂得多，因为它还包含了头部元素、导航元素、主要内容元素、图片、链接等等。在编写HTML时，我们需要考虑它的布局、样式和语义，以便更好地呈现内容。
