Tuesday, 26 November 2013

CSS Simple Program -Color with class

The program earlier had only one color even though there was all three defined.
It can be fixed using the class concept.

If you would like to color different set of similar tags with different properties.
If classes are not used all the properties of the latest declaration of properties are assigned to all the tags.

Here is an example showcasing the class and CSS .


1:  <?xml version = "1.0" encoding="utf-8"?>   
2:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
3:  <html xmlns = "http://www.w3.org/1999/xhtml">   
4:  <head>  
5:  <title>CSS Styling</title>  
6:  </head>  
7:  <body>  
8:  <p class="red">  
9:  Red  
10:  </p>  
11:  <p class="blue">  
12:  Blue  
13:  </p>  
14:  <p class="green">  
15:  Green  
16:  </p>  
17:  <style>  
18:  p.red  
19:  {  
20:  color:red;  
21:  }  
22:  p.blue  
23:  {  
24:  color:blue;  
25:  }  
26:  p.green  
27:  {  
28:  color:green;  
29:  }  
30:  </body>  
31:  </html>  
Post a Comment