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

Text links

a.l1:link {color: #00FF7F; text-decoration: none;}
a.l1:active {color: Yellow; text-decoration: none;}
a.l1:visited {color: Yellow; text-decoration: none;}
a.l1:hover {color: Yellow; text-decoration: none;}

For an example, look at the page links on the left of this page.

Link attributes are written into the html page like this:
<a href="page-you-are-linking-to.html" class="l1">A page</a>

Notice that it goes right after the a href.


page-you-are-linking-to.html

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Go to next page

 

 

Tutorial: External Style Sheets

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