How to Define a CSS Class Style

Classes are a nice feature in HTML that allows you to assign a certain name to an element. They can be styled using CSS. If you don't know how to use those features, this article will help you.

Steps

  1. Image titled Define a CSS Class Style Step 1
    1
    Make your HTML document.
  2. Image titled Define a CSS Class Style Step 2
    2
    Create the basic HTML skeleton. 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.
    Advertisement
  3. Image titled Define a CSS Class Style Step 3
    3
    Create a HTML element. It can be a paragraph, heading, or whatever you want.
  4. Image titled Define a CSS Class Style Step 4
    4
    Give the HTML element a class. Do this by inserting "class="classname" inside the opening tag for your element.
  5. Image titled Define a CSS Class Style Step 5
    5
    Put a "style" tag between the head tags. You'll put your CSS here.
  6. Image titled Define a CSS Class Style Step 6
    6
    Call your class. This is done by putting ".classname { }" in the CSS document.
  7. Image titled Define a CSS Class Style Step 7
    7
    Put the styles your want between the curly brackets.
  8. Image titled Define a CSS Class Style Step 8
    8
    Enjoy your styled HTML element!
    9. Advertisement

You Might Also Like

Create a Simple CSS Stylesheet Using Notepad
How to
Create a Simple CSS Stylesheet Using Notepad
Create CSS
How to
Create CSS
Insert a HyperlinkHow to Insert a Hyperlink Using Rich Text or HTML: 3 Methods
Make a Birthday Card with HTML and CSS
How to
Make a Birthday Card with HTML and CSS
Upload Images in BBCode
How to
Upload Images in BBCode
Comment in CSS
How to
Comment in CSS
Create a Dropdown Menu in HTML and CSS
How to
Create a Dropdown Menu in HTML and CSS
Use BBCode
How to
Use BBCode
Use DIV and Span in HTML and CSS
How to
Use DIV and Span in HTML and CSS
Add JavaScript to Your Website Using HTML
How to
Add JavaScript to Your Website Using HTML
Add a CSS File to HTML
How to
Add a CSS File to HTML
Change a Webpage Text Font and Color Using CSS
How to
Change a Webpage Text Font and Color Using CSS
Center Web Page Content Using CSS
How to
Center Web Page Content Using CSS
Use HTML and CSS
How to
Use HTML and CSS
Advertisement

About This Article

wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. To create this article, volunteer authors worked to edit and improve it over time. This article has been viewed 74,905 times.
How helpful is this?
Co-authors: 7
Updated: October 21, 2021
Views: 74,905
Categories: Markup Languages
Advertisement