Text Customising With CSS

Strong

Replacement for <b> and <bold>. Example: strong

1. Add to your web page: <strong>text</strong>

2. Then you can customise it’s look from within your style sheet: strong{}

Italic

Replacement for <i>. Example: italic

1. Add to your web page: <em>text</em>

2. Customise it’s look from within your style sheet: em{}

Strike Through

Replacement for <s> and <strike>. Example: strike

1. Add to your web page: <span class="strike">text</span>

2. Add to style sheet:
.strike{
text-decoration:line-through;
}

Blink

Replacement for <blink>. Example: blink

1. Add to your web page: <span class="blink">text</span>

2. Add to style sheet:
.blink{
text-decoration:blink;
}

Underline

Replacement for <u>. Example: underline

1. Add to your web page: <span class="underline">text</span>

2. Add to style sheet:
.underline{
text-decoration:underline;
}

Code

Replacement for <textarea>. Example: code

1. Add to your web page: <code>text</code>

2. Customise it’s look from within your style sheet: code{}

Double Underline

Example: double underline

1. Add to your web page: <span class="double-underline">double underline</span>

2. Add to style sheet:
.double-underline{
text-decoration:underline;
border-bottom:1px solid #000;
padding-bottom:2px;
}