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

Putting the css stuff into the html code

Basically: if it starts with a "#" it goes in as a DIV
If it starts with a "." it goes in as a class

#wrapper
{
width: 950px;
}

That's a DIV

 

.bold {
font-weight: bold
}

That's a CLASS

 

The body properties are called from the css automatically, however, Classes and DIVS must be written into the html. More about this a little later. First let's set up a page background in the external style sheet.

Go to next page

 

 

 

 

 

 

 

Tutorial: External Style Sheets

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