Linking to stylesheets and favicons
Link to a favicon:
<link rel=”shortcut icon” href=”/favicon.ico” />
Link to a stylesheet:
<link rel=”stylesheet” type=”text/css” href=”style.css” />
Importing a stylesheet:
In the head section put:
<style type=”text/css”>
@import “import.css”;
</style>
Importing a stylesheet from another stylesheet:
In the stylesheet have:
@import url(import.css);
Link to stylesheet for Iphone:
<!–[if !IE]>–>
<link media=”only screen and (max-device-width: 480px)”
rel=”stylesheet” type=”text/css” href=”iphone.css”/>
<!–<![endif]–>
Link to stylesheet for a small broswer window (may or may not be Iphone):
<!–[if !IE]>–>
<link media=”only screen and (max-device-width: 480px)” rel=”stylesheet” type=”text/css” href=”iphone.css”/>
<!–<![endif]–>