Page 47 - PortGPT_V2.1_C8_Flipbook
P. 47

External Style Sheet

                 In case of external stylesheet, the CSS styles are written in a separate file which is saved with .css
                 extension. You need to include a reference to the external style sheet file within the <LINK> element
                 inside the <HEAD> element. Syntax to include the reference of external stylesheet is:

                 <head>
                 <link rel=“stylesheet” type=“text/css” href=“name of style sheet”>
                 </head>
                 Where, HREF attribute contains the path of the stylesheet. For example, if you have saved the file in
                 which styles are written with the name style.css, then the code will be:

                 <head>
                 <link rel=“stylesheet” type=“text/css” href="style.css">

                 </head>
                 You need to give complete drive path of the stylesheet, if the file is saved at any other location. Let us

                 create a web page using the external style sheet. The first step is to create stylesheet file. Open the
                 Notepad and type the following code:

                 body{background-color:green; color:white;}
                 Now, save the file with the name style.css at any location again open a new notepad window and
                 type the following code:
                 <!DOCTYPE html>

                 <html>
                 <head>

                 <title> Using External Stylesheet</title>
                 <link rel="stylesheet" type="text/css" href="style.css">

                 </head>

                 <body>
                 Text with white colour and background colour is green

                 </body>
                 </html>
                 When you view the preceding web page in browser, you will get the following output:




















                                                                                              Introduction to CSS3  45
   42   43   44   45   46   47   48   49   50   51   52