html

Classes

This attribute helps in applying the same styles to all elements having the same class.

Syntax:


.myclass {
 background-color: black;
  color: white;
  font-family:verdana;
}
<tagname class="myclass">data</tagname>

CSS covers classes and styling related topics in brief. Here we have just given a basic example of giving class to HTML element.

You can also add multiple class to one element by just adding a class with space in between them.

We can join multiple class name in class attribute

<!DOCTYPE html>
        <html>
        <head>
            <title>Class Attribute Example</title>
            <style>
            .redcolor {
                color: red;
            }
            .bluecolor {
                color: blue;
            }
            .big {
                font-size: 25px
            }
            .small {
                font-size: 12px
            }
            </style>
        </head>
        <body>
        <p class="redcolor"> This is Red Class</p>
        <p class="redcolor big"> This is Red and Big Class</p>
        <p class="bluecolor big"> This is blue and Big Class</p>
        <p class="bluecolor small"> This is blue and small Class</p>
        <p class=" small"> This is small Class</p>
            </body>
        </html>