Copy the Required CSS Files from the
Library
Now I copy the associated CSS ?¬? le, 3_col_liquid_faux.css,
into the CSS folder??”no need to change its name. I??™ll also copy
over some other style sheets I know we will need in this site,
text_n_colors.css, multi_level_menus.css, and two style sheets
for forms, form_layout_2_col.css and sign_in_form.css.
Also, because the 3_col_liquid_faux.html template uses the
NiftyCorners code to round the corners of the header and footer,
and I want to retain that effect in this design, I??™ve copied over the
NiftyCorners folder and put it at the top level next to the CSS and
JavaScript folders.
I also need a JavaScript ?¬? le, minmax.js, to control the layout width
in IE6, so I copy it from the library??™s JavaScript folder into the site??™s
JavaScript folder.
In the next step, we will associate the CSS ?¬? les with the XHTML ?¬? le
in a way we have not looked at so far, which provides some advantages
when a site starts to grow to a large number of pages.
The @import Rule
Up to now we have used the link element to associate external CSS
?¬? les with our XHTML pages. However, this can also be done with
the @import rule. The @import rule is a CSS rule, not an XHTML element,
like link. In order to use it in our XHTML pages, we need to
wrap it in a style element; this makes it an embedded style of the
kind we saw in Chapter 2.
Pages:
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280