Page 151 - Computer_Genius_v2.1_C7_flipbook
P. 151

Font Properties

                 By using CSS, you can change the font face, colour, style and size. CSS provides various properties
                 like font-family to change the font face, color to change the colour of font, font-style to make the
                 text italic, font-weight to make the text bold, text-decoration to make the text underline or overline
                 and font-size to change the size of font.


                   Property                            Value                                   Description


                 font-family    Name of the font                                     Specifies the font to be used

                                Value is given in pixels. The default font size for the  Specifies the font size used on
                 font-size
                                text is 16 px.                                       the web page


                 font-style     normal, italic                                       Specifies the style of the font

                 Create an HTML5 web page by using the font properties.

                 <!DOCTYPE html>
                 <HTML> <HEAD> <STYLE>

                 H1 {color: blue; font-family: verdana; font-size: 32px; text-align: center}
                 H2 {color: green; font-family: arial; font-size: 25px; text-align: center}
                 </STYLE> </HEAD>
                 <BODY>
                 <H2>Classification on the Basis of Habitat</H2>
                 <P style=”font-family: verdana; font-size: 1.0em”>

                 Habitat is a place where an organism lives and includes all biotic and abiotic
                 factors surrounding the environment. </P><HR><BR>
                 Animals were classified on the basis of habitat by Aristotle, who is known as
                 the “Father of biological classification”. He described animals on the basis
                 of their environment which included water, air, and land.<BR>
                 <B>Currently, animals are classified on the basis of habitat as follows:</B>
                 <BR><B>Terrestrial Animals:</B> These are the animals which live on the land,
                 for example: elephants.<BR>
                 <B>Aquatic Animals:</B> These are the animals which live on the water, for
                 example: fish.<BR>

                 <B>Aerial Animals:</B> These are the animals which can fly, for example: birds.
                 <BR>
                 <B>Amphibian Animals:</B> These are the animals which live on land and water
                 both, for example: frog.
                 </BODY>
                 </HTML>
                 Note that we have used <B> tag to make the text bold.



                                                                                             HTML5 & CSS3     149
   146   147   148   149   150   151   152   153   154