掌握样式重置的艺术

简介

在本实验中，我们将探讨如何使用 all 属性将所有样式重置为默认值。完成本实验后，你将清楚地了解如何使用此属性将所有样式（包括继承的和非继承的）重置为其原始值。这将使你能够快速轻松地重置元素的样式，而无需逐个重置每个属性。

这是一个实验（Guided Lab），提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤，获得实际操作经验。根据历史数据，这是一个初级级别的实验，完成率为 100%。获得了学习者 96% 的好评率。

重置所有样式

虚拟机中已提供了 index.html 和 style.css。

要将所有样式重置为其默认值，请使用 all 属性。此属性不会影响 direction 和 unicode-bidi 属性。以下是使用它的示例：

<div class="reset-all-styles">
  <h5>Title</h5>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id
    exercitationem nulla qui repellat laborum vitae, molestias tempora velit
    natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?
  </p>
</div>

.reset-all-styles {
  all: initial;
}

请点击右下角的“Go Live”以在端口 8080 上运行网络服务。然后，你可以刷新“Web 8080”标签页来预览网页。

总结

恭喜你！你已完成“重置所有样式”实验。你可以在 LabEx 中练习更多实验以提升你的技能。