Tuesday, August 18, 2009

Import Style Sheets

title>page one /title>
meta http-equiov="content-type" content="text/html; charset=iso-8859-1">
style type="text/css">

@import url(CSS/LayoutDONE.css);

/head>
body>
div id="container">
div id="header'>
ul>
li> a href="about.html">about /a> /li>
li> a href="blog.html">blog /a> /li>
li> a href="rss.html">RSS /a> /li>
/ul>
/div>


in order to use the import command need to use the style element
import location of url or uri file within brackets

Two different methods of importing css
Link = uses xhtml
Import = @import is css syntax

to import cascading style sheets - use import method

both work well in most cases

Reasons developers use @import
older browsers dont recognise @import so can hide styles from them
can use just one link element & one master css file - then use one @import instance inside the master css file to import further css documents - allows to organise and structure their css

using link element
it allows to specify an alternative style sheet
allows to interact with css using javascript

can use a combination

No comments:

Post a Comment