Home Page About Us Security & Privacy ToS Add Your Link Add Your Article
Search:   
allarticlelist.com
Add Url
 

News & Events

Home Family & Garden

Technology & Science

Software & Networking

Eating & Drinking

Property & Agents

Entertainment

Fashion & Relationships

Self Management

Law & Politics

Sports

Society & Issues

Companies & Business

Healthcare & Treatment

Art & Creative

Vehicles & Automotive

Teens & Kids

Academics & Learning

Tour & Travel

Careers & Employment

Malls & Shopping

Online & Board Games

Health & Therapy

Finance & Investment

 

Home Page –› Software & Networking –› Web Development Services
 

How To Style Your Text With CSS

 

Author: 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!

Author Bio:

Hilco van der Meer is known as the author of the Cascading Style Sheets Course How To Master CSS. He's a professional Web Designer for over 5 years now. His course aims at easy to follow and step-by-step examples. More info can be found at www.HowToMasterCss.com

You can also reach this article by using: How To Style Your Text With CSS, Software & Networking, Web Development Services
 
 
 

Related Articles

 
Shorten Your Blogging-RSS Learning and Submission Curve
 
Dumping Old PCs Is Not "PC"
 
Pixel Advertising: A New Internet Media for Advertising
 
Website Redesign- Planning as easy as 123!
 
Search Engines 101 - Search Engines Explained
 
A Great Learning Experience When Playing Video Games
 
Identifying the Right Web Hosting Company
 
An Introduction To Professional Web Hosting
 
BlueHost and Fantastico
 
Ineffective and Unethical Web Site Promotion Methods
 
 
 
Home Page >> Security & Privacy >> ToS  
© 2006-2008 www.allarticlelist.com All Rights Reserved Worldwide.