How to Define a CSS Class Style

Make your HTML document., Create the basic HTML skeleton., Create a HTML element., Give the HTML element a class., Put a "style" tag between the head tags., Call your class., Put the styles your want between the curly brackets. , Enjoy your styled...

8 Steps 1 min read Medium

Step-by-Step Guide

  1. Step 1: Make your HTML document.

    As a reminder, it's an opening HTML tag, an opening head tag, a closing head tag, an opening body tag, a closing body tag, and a closing html tag. , It can be a paragraph, heading, or whatever you want. , Do this by inserting "class="classname" inside the opening tag for your element. , You'll put your CSS here. , This is done by putting ".classname { }" in the CSS document. ,,
  2. Step 2: Create the basic HTML skeleton.

  3. Step 3: Create a HTML element.

  4. Step 4: Give the HTML element a class.

  5. Step 5: Put a "style" tag between the head tags.

  6. Step 6: Call your class.

  7. Step 7: Put the styles your want between the curly brackets.

  8. Step 8: Enjoy your styled HTML element!

Detailed Guide

As a reminder, it's an opening HTML tag, an opening head tag, a closing head tag, an opening body tag, a closing body tag, and a closing html tag. , It can be a paragraph, heading, or whatever you want. , Do this by inserting "class="classname" inside the opening tag for your element. , You'll put your CSS here. , This is done by putting ".classname { }" in the CSS document. ,,

About the Author

A

Andrea Brown

Enthusiastic about teaching home improvement techniques through clear, step-by-step guides.

69 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: