1/*a normal, unvisited link*/
2a:link{
3 color: green;
4}
5/*a link the user has visited*/
6a:visited{
7 color: purple;
8}
9/*a link when the user mouses over it*/
10a:hover{
11 color: yellow;
12}
13/*a link the moment it is clicked*/
14a:active{
15 color: brown;
16}
1<!-- There are 3 ways to do this-->
2
3<!-- #1: Inline CSS-->
4<h1 style="color: red;">Red Heading</h1>
5
6<!-- #2 Element CSS-->
7<style>
8 h1 {
9 color: red;
10 }
11</style>
12<h1>Red Heading</h1>
13
14<!-- #3 Stylesheet CSS-->
15<link rel="stylesheet" href="[stylesheet link]">
1<html>
2<head>
3<style>
4body{
5 direction:rtl;
6}
7 </style>
8 </head>
9 <body>
10 </body>
11</html>