Free Simple CSS Tutorial

CSS Sources

• External stylesheet(s) whether imported or linked (we discuss this below)
• Internal stylesheet, enclosed between <style> and </style> tags in the head section of your page.
• Inline styles imposed on objects using a style= statement within their opening tag such as <P style="color:red; background:black; font-height:28px;">
• style rules flagged with the key text !important such as "color:green !important;"

Whatever we do we cannot modify the value of bold which is flagged as important without editing the rule flagged as important. Of course if we remove the !important flags we can change when we like. In addition we can change style aspects (in this case font size) not flagged as important. Try it! Have a play with this code then hit the show my page button again.

It would be a good idea before you carry on to read this Introduction to CSS

Next: CSS Target Selection

Tutorial Contents

• Tutorial Introduction
• CSS Target Selection Methods
• CSS Text Content Layout
• CSS Content box positioning
• CSS Coping with Browser Differences

Useful Pages

• PHP Check for Human input
• ASCII Table and Info
• Hexadecimal Converter and Info
• AJAX made simple
• Javascript AJAX Pop-Up Mailer
• Page Redirection Techniques
• PHP Redirect after the Header
• The Unblockable Popup
• Random Page Link or Advert
• Keep your Pages Fresh with PHP
• PHP String Comparison Methods
• Color Scheme Explorer Tool
• PHP Error Messages and Debugging
• PHP Unique File names
• PHP SERVER array use and testing
• Easy Encrypted Communications between sites
• PHP process all files in a directory

CSS Tutorial Referrers

This list of people who link to this Tutorial page is automagically maintained. Link to us, send traffic, and get listed. Simple.