Introduction

Hello friends, in this blog we will learn how to change selector basic with your own style. Let check with <h1>….to <h5>.
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5. <title>Color Change Of Inbuilt Selector</title>
  6. </head>
  8. <body>
  9. <h1>
  10. Color Change Of Inbuilt Selector</h1>
  11. </body>
  13. </html>
When we render, browser would be rendered as in the following:
Change-Property-of-Selector-in-CSS.jpg
Now lets we add a property in our <h1> selector. For that add style in your <head> part or make one stylesheet and name it style.css and you can link style.css in your head part.
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5. <title>Color Change Of Inbuilt Selector</title>
  6. <style type="text/css">
  7. h1 {
  8. font: 30px Arial, Helvetica, sans-serif;
  9. color: #ff0000;
  10. }
  11. </style>
  12. </head>
  14. <body>
  15. <h1>
  16. Color Change Of Inbuilt Selector</h1>
  17. </body>
  19. </html>
Change-Property-of-Selector-in-CSS1.jpg

Summary

This way you can change any of inbuilt selector's property with your choice.