Change Property of Selector in CSS

Introduction

Hello friends, in this blog we will learn how to change selector basic with your own style. Let check with <h1>….to <h5>.

<!DOCTYPE html>
<
html>
<
head>
    <title>Color Change Of Inbuilt Selector</title
>

</
head>
<
body>
    <h1
>
        Color Change Of Inbuilt Selector</h1
>

</
body>
</
html>

When we render, browser would be rendered as in the following:

Change-Property-of-Selector-in-CSS.jpg

Now let's we add 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.

<!DOCTYPE html>
<
html>
<
head>
    <title>Color Change Of Inbuilt Selector</title
>
    <style type
="text/css">
                h1{
                       font:30px Arial, Helvetica, sans-serif;
                       color:#ff0000;

                  }

</
style>
</
head>
<
body>
    <h1
>

        Color Change Of Inbuilt Selector</h1>
</
body>
</
html>

Change-Property-of-Selector-in-CSS1.jpg

Summary

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

Ebook Download
View all
Learn
View all