Source Code for External Style Example
File for Stylesheet: external-stylesheet.css
body { font-family: Georgia; font-size: 120%; color: white; background-color: magenta; } h1 { font-size: 130%; text-align: center; } h2 { font-size: 115%; } td { font-family: Papyrus; font-size: 120%; font-weight: bold; }
HTML File: external-style.htm
<html> <head> <title>A Web Page with an External Style</title> <link rel="stylesheet" type="text/css" href="external-stylesheet.css" /> </head> <body> <h1>A Web Page with an External Style</h1> <h2>Two Lorem Ipsum Paragraphs</h2> <p>Lorem ipsum te sed movet aeterno expetenda, quo alterum atomorum ea, ei possit persequeris mel. Usu assum sententiae ne. Possit consulatu liberavisse ea duo. Timeam omittam invenire cu vix. Mel id tibique sadipscing, sea adhuc animal principes cu. Gubergren disputando ne est, pri ea cetero fuisset nominavi, qui te graeco reprimique neglegentur.</p> <p>Pro no simul labores, mei maluisset reprimique disputando ad. Cu molestiae quaerendum eum. Labore euismod in duo, est perfecto antiopam id. Dicta adipisci urbanitas vix id, te mel hendrerit assentior. Nec et puto facilisis, est nibh suscipiantur in. Ad nec vitae oratio, dicit mollis volumus pri an, deserunt argumentum has eu.</p> <p> </p> <h2>List of Latin Numbers</h2> <ol> <li>unus</li> <li>duo</li> <li>tres</li> <li>quattor</li> <li>quinque</li> <li>sex</li> <li>septem</li> <li>octo</li> <li>novem</li> <li>decem</li> </ol> <p> </p> <h2>Table of Latin Numbers</h2> <table cellpadding=5> <tr> <td>unus</td> <td>duo</td> <td>tres</td> </tr> <tr> <td>quattor</td> <td>quinque</td> <td>sex</td> </tr> <tr> <td>septem</td> <td>octo</td> <td>novem</td> </tr> </table> </body> </html>