Tutorial: External style sheets

Contents

 

1. Introduction & Tools

2. How external style sheets and html work together and what each does

3. Linking the html and the external style sheet

4. A bit about writing css in an external style sheet

5. Putting the css into the html code

6. Page body & page backgrounds

7. Text

8. Text links

9. Image links

10. Borders

11. Containers (DIVs)

12. Simple Containers (DIVs)

13. A DIV inside a DIV

14. Container as rows or columns

15. Two columns

16. Three columns

17. More Tools for css

18. Validating and checking the code

19. Creating a site

20. Working with backgrounds: single DIV background page

21. Working with backgrounds:
multiple DIV backgrounds

Bookmark this page

Firebug

firebug screenshot

Without a doubt, Firebug is one of the coolest programs ever made. It is an addon for Firefox that allows you to view the css and html of any site that you are looking at. You can also change the code around and see instantly how the changes would look.

Get Firebug now.

Top Style Pro is a css editor that has a lot of features such as validating the css code through World Wide Web Consortium (W3.org) and has an html editor. It also converts css code between different DOCTYPES. It's well worth the investment.

 

 

 

 

Tutorial: External Style Sheets

www.anniemation.com
ALL IMAGES AND CONTENT COPYRIGHT 2011, ANNIEMATION
ANNIEMATION IS A REGISTERED TRADEMARK