Font Weight

This text is normal

This text is lighter

This text is bold

This text is bolder

Text Decorations

This text is line through

This text is overline

This text is underline

Font Style

This text is italic

This text is oblique

Removing Text Decorations

By default hyperlinks are underlined. As an example CNN. It is possible by removing the default underlining of hyperlinks by using the text-decoration syntax. As an example MSNBC.

It is also possible to turn off the underlining of hyperlinks all together by setting up style sheets for anchors (<a>) and setting text decorations to none, and then setting up style sheet for hover (a:hover) and setting that to underline and may be also a color change.

For example, here is a hyperling for which we have turned off text decorations until you hover over it Fox News.

Combining Text Effects

This text is normal, while this text is bold, while this text is bold and italic, while this text is bold and underlined.

Transforming Text

This text has been capitalized.

This text has been converted to uppercase

This TEXT has been CONVERTED to lowercase

This text has been set to full-width. At what point does it do that. Confused!

I am going to copy and paste text here, but basically the first line of this text (paragraph) should be indented by 50px. It is also possible to turn off the underlining of hyperlinks all together by setting up style sheets for anchors () and setting text decorations to none, and then setting up style sheet for hover (a:hover) and setting that to underline and may be also a color change.