CSS Default Values For HTML Elements - h2 Example

<!DOCTYPE html>
<html>
<head>
<style>
/*
==============(h2)==============
*/
h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
/*
==============(h2)==============
*/
</style>
</head>
<body>
<h1>CSS Default Value For <kbd>(h2)</kbd></h1>
<div class="content">
<p>By default, "h2" element is displayed like this:</p>

<h2>
This is h2 Heading
</h2>
<h2>
Another h2 heading
</h2>

<h2>Default CSS Properties</h2>
<pre class="default">
h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
</pre>
</div>

<!--============= End =============-->
<script>
var h=document.querySelector("h1");h.style.padding="30px",h.style.background="#333",h.style.color="#fff",h.style.boxShadow="0 0 3px 0 #aaa",h.style.borderTopLeftRadius="5px",h.style.borderTopRightRadius="5px";var k=document.querySelectorAll("h1 kbd");k.forEach(function(e){e.style.color="#0f0"});var c=document.querySelector(".content");c.style.cssText="background:#f8f9fa;box-shadow:0 0 3px 0 #aaa;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:20px 30px;margin-top:-22px";var p=document.querySelector(".default");p.style.cssText="background:#fefefe;box-shadow:inset 0 0 3px 0 #aaa;border-left:5px solid #333;padding:10px";
</script>
</body>
</html>