<!-- File based CSS: Change style.css to your script path or link. -->
<link href="style.css" rel="stylesheet" type="text/css">
<!-- Or inline CSS: -->
<style type="text/css">
/* Add your css here */
</style><style type="text/css">
p {
color: #26b72b;
}
</style><p style="color:red;">The text appear red.</p>
<!-- style inside of an html element -->
<p style="color: rgb(255, 0, 255);">I am a unicorn</p>
<!-- style as an html element -->
<style>
/* Put in CSS */
</style><html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body> <p style="font-weight:normal;">font-weight: normal</p>
<p style="font-weight:bold;">font-weight: bold</p>
<p style="font-weight:bolder;">font-weight: bolder</p>
<p style="font-weight:lighter;">font-weight: lighter</p>
<p style="font-weight:100;">font-weight: 100</p>
<p style="font-weight:200;">font-weight: 200</p>
<p style="font-weight:300;">font-weight: 300</p>
<p style="font-weight:400;">font-weight: 400</p>
<p style="font-weight:500;">font-weight: 500</p>
<p style="font-weight:600;">font-weight: 600</p>
<p style="font-weight:700;">font-weight: 700</p>
<p style="font-weight:800;">font-weight: 800</p>
<p style="font-weight:900;">font-weight: 900</p><html>
<body>
<!-- BODY HTML -->
</body>
<head>
<!-- HEAD HTML -->
</head>
<style>
/* CSS */
</style><style>
/* Put in CSS */
</style>// Style tags belong in <head><style type="text/css"></style>