Create Cascading Style Sheets

<> Forget about "inline" style sheets you're not interested, the whole point of having a cascading style sheet is so you can change an entire websites by changing the style in one place, if you have an "inline" style sheet in each html file then you will have to change the style/design in multiple places.

Each html file needs one line which links tells the browser where to find the css to format the page.

This is the line we use on this website

<h3>Related Articles</h3>
					  <ul>

<li><a href="javascript:history.back()"> <<  Go Back</a></li>							   
						   
					   </ul>
	
				<p>
				   <br>
				   <style type="text/css">
				   @import url(http://www.google.com/cse/api/branding.css);
				   </style>
				   <div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
				     <div class="cse-branding-form">
					     <form action="http://www.google.com/cse" id="cse-search-box">
						       <div>
						           <input type="hidden" name="cx" value="partner-pub-9955327538234275:qvhrx8extrq" />
						           <input type="hidden" name="ie" value="ISO-8859-1" />
						           <input type="text" name="q" size="31" />
						           <input type="submit" name="sa" value="Search" />
					            </div>
						</form>
					 </div>
  					 <div class="cse-branding-logo">
    				 	  <img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
  					 </div>
  					 <div class="cse-branding-text">
    				 	  Custom Search
  					 </div>
				 </div>
			   </p>

</div>

<div style="clear: both;"> </div>
		  
		   <div id="footer">
		   		<p>
		   	  	   <br><br>
		      	   		<a rel="nofollow" href="Privacy-Policy.html">Privacy Policy</a>| <a rel="nofollow" href="contact-us.html">Contact Us</a>
		   	  	   <br>
		   		</p>
		   </div>
 		   <div id="my_footer">

</div>

</div>

Main Menu

Create Cascading Style Sheets