[TOC]
Local CSS Override
Overrides any css file definitions, depends on having some text in the middle:
Welcome
Link to an External Stylesheet
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
Internally Defined Stylesheet
<head>
<style type="text/css">
hr {color:sienna}
p {margin-left:20px}
body {background-image:url("images/back.gif")}
</style>
</head>
Inline css definition
<htmltag style="cssproperty1: value; cssproperty2: value;"> </htmltag>
NOTICE THE SINGLE QUOTES AND DOUBLE QUOTES!
<body style="background-image:url('bg-body-left.png');
background-repeat:no-repeat;" >
background-color
background-size: 50%
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
<span style="color: #FF4417; font-family: Georgia; font-size: 1.5em;">
color: #FF4417; font-family: Georgia; font-size: 1.5em;
</span>
<img style="float: right" src="/sites/default/files/images/packaging.png"
alt="How we ship and package" />
<img src="bg-body-left.png" style="width: 10%; height: 50%; ">