Slide 50 - link element § Session 03 - HTML, Introduction to CSS

Example 3.32 - link element for stylesheets - Example 3.32 (Without Styles) |

Markup
Style
Screenshot

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras sollicitudin, orci nec facilisis vehicula, neque urna porta risus, ut sagittis enim velit at orci. Fusce velit. Integer sapien enim, rhoncus vitae, cursus non, commodo vitae, felis. Nulla convallis ante sit amet urna. Maecenas condimentum hendrerit turpis.</p>

In head element:

<link rel="stylesheet" type="text/css" href="example32.css"/>

In example32.css

p { 
    color: black; 
    background-color: teal; 
    padding: 1em; 
    font-family: helvetica, sans-serif; 
    text-align: justify; 
    margin: 2em;
  }

Screenshot

<html>
   <head>
     <title>CSCIE-12 CSS Example</title>
     <link href="example37.css" type="text/css" rel="stylesheet"/>
   </head>
   <body>
     <p> 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras sollicitudin, orci nec
      facilisis vehicula, neque urna porta risus, ut sagittis enim velit at orci. Fusce velit.
      Integer sapien enim, rhoncus vitae, cursus non, commodo vitae, felis. Nulla convallis ante
      sit amet urna. Maecenas condimentum hendrerit turpis.
     </p>
  </body>
</html>