Section 2 - Basics
Section 4 - Advanced
Fancy Lists
Forms
Advanced Tables
Frames
Style Sheets
Background
Text, Dimension
Border
Padding, list
Classification
Positioning
Misc.
Multiple CSS
You try it
Image Maps
Section 5 - Publishing
Section 6 - Extras
Appendices
Special letters
Perhaps you'd like to add something special to your paragraphs. One way is through making the first letter big and beautiful. Here's how to do that with CSS:
-
<style type="text/css">
div.firstcap:first-letter {color: #ff0000;font-size:xx-large}
</style>
- <div class="firstcap">This is a division. As you will note, the first letter is a big, bold, wonderful letter, adding emphasis to the paragraph. With only the addition of the firstcap class, any or all divisions can have this special lettering.</div>
-
This is a division. As you will note, the first letter is a big, bold, wonderful letter, adding emphasis to the paragraph. With only the addition of the firstcap class, any or all divisions can have this special lettering.
First lines
Another way to make your paragraphs especially exciting is to change the color or style of the whole first line. Here is that style:
-
<style type="text/css">
div.redline:first-line {color: #ff0000;font-variant: small-caps}
</style>
- <div class="redline">This is a division. As you will note, the first line is completely red and in small caps, adding emphasis to the paragraph. With only the addition of the redline class, any or all divisions can have this special lettering.</div>
-
This is a division. As you will note, the first line is completely red and in small caps, adding emphasis to the paragraph. With only the addition of the redline class, any or all divisions can have this special lettering.
|
|
|