CSS Tutorials

Linked (External) Styles

linked_styles.html
<html>
<head>
<title>Linked Styles</title>
<link href="demo_styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<p>Lorem Ipsum</p>
<p class="demo_content">Lorem Ipsum</p>
</body>
</html> 
linked_styles.css
body {font-family: Arial, Helvetica, sans-serif;background: #999;}
.demo_content {font-size: 40px; padding: 20px; background: #f5f5f5; color:#999;}
Linked Styles

Lorem Ipsum

Lorem Ipsum

CSS
Other Tutorials