<html>
<head>
<meta>
<title></title>
<link href="style.css" ... />
<script src="script.js" ... />
</head>
<body>
<h1></h1>
<p></p>
<ul>
<li></li>
<li></li>
</ul>
<p></p>
</body>
</html>
CSS (presentation layer>
-formating text
-margins,padding,borders
-adding graphics
-navigation
-layouts(header,footer)
-positioning(menu)
-various media
http://www.sawmac.com/missing/css/tutorials/index.php
http://www.digital-web.com/articles/seo_and_your_web_site/
http://www.w3schools.com/
http://www.webconfs.com/search-engine-spider-simulator.php
http://validator.w3.org/
http://users.skynet.be/mgueury/mozilla/.
http://jigsaw.w3.org/cssvalidator/
http://www.quirksmode.org/css/quirksmode.html
You can also make a quick check using Firefox. Load the page that has the CSS you want to check and choose Tools Tools
Javascript Console. Click the errors button and you'll see listed any CSS code that Firefox doesn't understand.
For example, here's HTML:
<link rel="stylesheet" type="text/css" href="css/global.css">
Here's XHTML:
<link rel="stylesheet" type="text/css" href="css/global.css" />
another way
<style type="text/css">
@import url(css/global.css);
</style>
multiple external style sheets
<style type="text/css">
@import url(css/global.css);
@import url(css/forms.css);
</style>
<style type="text/css">
@import url(css/global.css);
@import url(css/forms.css);
p { color:red; }
</style>
Technically, you should place all the @import lines before any CSS rules, as shown here, but it's okay if you forget. Web browsers are supposed to ignore any style sheets you import after a CSS rule, but all current Web browsers ignore that restriction.
Reload button; Ctrl+F5 works on Windows for Internet Explorer
Ctrl+Shift+R for firefox