Tuesday, 26 November 2013

CSS Font Styles

Next let us have a look at font styles.

All of us know everybody has different styles of writing, some writing slanting whereas some straight aligned.

Similarly in CSS and XHTML one can write in normal, italic, oblique styles of writing.

Here is a sample showcasing the font-style attribute in 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:  font-size:20px;  
22:  font-style:normal;  
23:  }  
24:  p.blue  
25:  {  
26:  color:blue;  
27:  font-size:40px;  
28:  font-style:italic;  
29:  }  
30:  p.green  
31:  {  
32:  color:green;  
33:  font-size:60px;  
34:  font-style:oblique;  
35:  }  
36:  </body>  
37:  </html>  
For more in depth knowledge check the reference section beside.
Post a Comment