Default browser font treatments are usually purely functional and not intended to be aesthetically inspiring or even pleasing. Almost no websites that you visit leave text at its default settings. Since text formatting is so important, there is a large collection of CSS property and value options to improve the appearance of text.
color: #??????
As with other style tags, text styles can be placed in one of three locations.
In an external CSS document (the preferred placement):
{
color: #ff0000;
}
This text is red.
In a style tag in the head of the document:
body
{
color: #ff0000;
}
</style>
This text is red.
Inline:
This text is red.
</p>
This text is red.
Note that the color property (just the word color, by itself) always refers to text. To change the color of other elements, you would use background-color: #ff0000, border-color: #ff0000, etc.
text-align: left (default) / center / right
text-decoration: none / underline / line-through
Text-decoration: none is frequently used to turn off the default underlining of text links.
Text-decoration: underline should not be used to emphasize text or to indicate titles because it makes the text look like a link which confuses viewers.
text-transform: uppercase / lowercase / capitalize
letter-spacing: ?px
line-height: ?px / ?%
line-height.
word-spacing: ?px
Fonts and CSS
In addition to the text options above, there are a number of font-related tags.
font-family: "family name" / generic-family
This is a serif font.
This is a sans-serif font.
font-style: normal / italic
This text is italicized.
font-weight: bold / normal
This text is bold.
font-size: "?px / ?em / ?%
This is an 18px font.
