HTML-CSS: Reset all styles

HTML-CSS : Exercise-41 with Solution

Using HTML, CSS resets all styles to default values using only one property.

  • Use the all property to reset all styles (inherited or not) to their default values.
  • Note: This will not affect direction and unicode-bidi properties.

HTML Code:

<!--License: https://bit.ly/3GjrtVF-->
<!DOCTYPE html>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Using HTML, CSS resets all styles to default values using only one property</title>
<div class="reset-all-styles">
    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?

CSS Code:

.reset-all-styles {
  all: initial;

HTML-CSS Editor:

See the Pen html-css-practical-exercises by w3resource (@w3resource) on CodePen.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Share this Tutorial / Exercise on : Facebook and Twitter

HTML-CSS: Tips of the Day

A min-height for table, tr or td:

It's not a nice solution but try it like this:


and set the divs to the min-height:

div {
    min-height: 300px;

Ref: https://bit.ly/3Ovu56J