SmashArticles.com
Search For
Keywords  
  Advance Search
Smash Articles | Smash Ebooks | Smash Blog | Smash Web Directory | Smash SEO Tools

Articles

Submit Your Article
Latest Articles
Popular Articles
Top Rated Articles
RSS Feed for Articles ROR Feed for Articles

Ebooks

Latest Ebooks
Popular Ebooks
Top Rated Ebooks
Authors
Cover Gallery
RSS Feed for Ebooks ROR Feed for Ebooks


Web Directory

Submit Your Website


Partner

Articles directory

Sign up for Newsletter

Email
 

Add This Article To:
Del.icio.us Digg Google Spurl
Blink Furl Y! MyWeb
Back to CSS

How To Style Your Text With CSS


by Hilco van der Meer

Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.

We will start with some basics.

First we define the html where we will be working with.

This is the text

1. Colorize your text

We can select the P tag and add some styles to it. p { color:red; }

Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names. The color names are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow.

2. Define the size of your text p { font-size:12px; }

You can define any font-size you want, 145 pixels is not a problem. That is, technically speaking.

3. Make the text bold or Italic You can use the font-style property to create these effects.

Bold: p { font-weight:bold; }

Italic p { font-style:italic; }

4. Overline, Underline, strike-through and none

The text-decoration property is useful to create the underline and the other effects we need. p { text-decoration:underline; text-decoration:line-through; text-decoration:overline; text-decoration:none; }

On default, the text doesn't have any lines at all. Except for the link. You can remove the underline by using the text-decoration:none; setting.

You see, it's quite easy to style your text using CSS. And you can do it all in a separate stylesheet!

About the Author
Hilco van der Meer is known as the author of the How To Master CSS Course and is a web developer for over 5 years now. His blog can be found at http://www.DutchDesign.org. The course contains a Real-Time CSS Editor to practice in real-time with the CSS codes, a complete step-by-step guide and the informative Training Videos. For more information you can visit: http://www.HowToMasterCSS.com Unlimited Web Template Designs Websites Templates for all business needs. Try Free Templates or Buy Professional designs.
Reviews Be the first to review/rate this Article

Home | Articles | Ebooks | Community | Web Directory | SEO Tools | Submit Your Article | Submit Your Website
Latest Articles | Popular Articles | Top Rated Articles | RSS Feed for Articles | ROR Feed for Articles
Latest Ebooks | Popular Ebooks | Top Rated Ebooks | Ebook Authors | Cover Gallery | RSS Feed for Ebooks | ROR Feed for Ebooks
Site Map | FAQ | Privacy Policy | Disclaimer | Advertise With Us | About SmashArticles.com | Contact Us | links
Partners | Resources
 
Copyright © 2006 SmashArticles.com