CSS Style and Class

Styles used Directly on Page

Style and Class:

/*ID Section BOLD*/
1. Applied to Style:

.thick {font-weight: bold}
.thicker {font-weight: 900}

2. Applied to Page:
....

/*--*/

.leftmargin {background: #000000;
 color: #ffffcc;
 margin-left: 50px;}

/**/

.center {background: #002222;
 color: #ffffcc;
 text-align: center;}
--------ID Yellow Text-----------

/*Span/with Yellow Text, same Background*/

1. Applied on Style:

.yellow  {background: #002222;
 color : #FFFF00;
 font-weight: bold;
 margin-right: 30px;}
---------------

2. Applied on Page:

Entire Paragraph text is yellow.

<div id="yellow">The span is yellow.

<div id="yellow">
This is a text, This is a yellow text, This is plain text.
</div>

-----Highlight SPAN--------

1. Highlight Applied in Style:

.highlight {background:#FFFF00;
 color: #000000;}
-----------------
2. Applied on Page:

<div id="highlight">
This is a text, This is a highlighted text, This is plain text.
</div>

/*Used directly on Page*/
........

-----------------------------

p.right {text-align: right;} 
p.center {text-align: center;}

You have to use the class attribute in your HTML document:

This paragraph will be right-aligned.

.......... 
----------------------------
In-Line-Styles-Paragraphs

.........

.............

Styles and Class Decorations are used directly on the Page.