| Styling text with CSS is really simple. We can define | | | | You can define any font-size you want, 145 pixels is |
| colors, underline it, make it bold, define the font etc | | | | not a problem. That is, technically speaking. |
| etc. | | | | 3. Make the text bold or Italic You can use the |
| We will start with some basics. | | | | font-style property to create these effects. |
| First we define the html where we will be working | | | | Bold: p { font-weight:bold; } |
| with. | | | | Italic p { font-style:italic; } |
| This is the text | | | | 4. Overline, Underline, strike-through and none |
| 1. Colorize your text | | | | The text-decoration property is useful to create the |
| We can select the P tag and add some styles to it. p | | | | underline and the other effects we need. p { |
| { color:red; } | | | | text-decoration:underline; text-decoration:line-through; |
| Now our text will turn red. You can define any color | | | | text-decoration:overline; text-decoration:none; } |
| code your want or choose one of the 16 standard | | | | On default, the text doesn't have any lines at all. |
| color names. The color names are: aqua, black, blue, | | | | Except for the link. You can remove the underline by |
| fuchsia, gray, green, lime, maroon, navy, olive, purple, | | | | using the text-decoration:none; setting. |
| red, silver, teal, white and yellow. | | | | You see, it's quite easy to style your text using CSS. |
| 2. Define the size of your text p { font-size:12px; } | | | | And you can do it all in a separate stylesheet! |