HighPerformanceWebSites

Stylebackgroundcolor new dategethours2 f08a00

Info iconThis preview shows page 1. Sign up to view the full content.

View Full Document Right Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: od_gzip: –  hlp://sourceforge.net/projects/mod- gzip/ –  This is the older compression module for Apache Copyright 2009 - 2013 Horowitz 17 Rule 5: Put Stylesheets at the top •  •  •  •  Stylesheets block rendering in IE; IE will examine all stylesheets before starOng to render, so its best to –  put stylesheets in the <head> Firefox doesn’t wait, it renders objects immediately and re- draws if it finds a stylesheet; that causes flashing during loading; –  Put stylesheets in the <head> Use <link> (not @import) –  There are two ways to load stylesheets –  <link> includes the stylesheet in the web page <link href=“styles.css” type=“text/css” /> –  @import allows you to import one style sheet into another <style type=“text/css”>@import url(“styles.css”);</style> General Rule for using @import –  Link to a stylesheet for a specific page, but import a stylesheet that applies to all pages Copyright 2009 - 2013 Horowitz 18 Example of StyleSheet Switcher •  Stylesheet switchers allow you to define several different stylesheets that define how your page should appear and allow your visitors to then choose which of the stylesheets to use depending on which style that the individual visitors prefer. <link href="/css/main.css" rel="stylesheet” type="text/css" title="main" media="screen" /> <link href="/css/alt1.css" rel="alternate stylesheet” type="text/css" title="alt1" media="screen" /> <link href="/css/alt2.css" rel="alternate stylesheet” t...
View Full Document

Ask a homework question - tutors are online